Bootstrap列与表单有关

Question

我一起使用bootstrap表单和列：

继承我的代码：https://jsfiddle.net/8r91hep9/

我的HTML看起来像：

<div class='col-md-6'>
  <input class='input-lg form-control' type='text'>
</div>
<div class='col-md-5'>
  <input class='input-lg form-control' type='text'>
</div>
<div class='col-md-1'>
  <a href='#' class='btn btn-primary btn-lg'>Test</a
</div>

我试图在6列中获得它，它有第一个.form-control，然后是五列，它有下一个.form-control，然后在一列中它有按钮。所有都是连续的。

Answer 1

转到您的链接并增加输出部分的宽度。你会看到你的代码工作正常，一切都会连续。