Bootstrap <input />不占用100％的空间

Question

我复制了以下代码格式bootstrap site。

<div class="row">
  <div class="col-lg-6">
    <div class="input-group">
      <span class="input-group-btn">
        <button class="btn btn-default" type="button">Go!</button>
      </span>
      <input type="text" class="form-control" placeholder="Search for...">
    </div><!-- /input-group -->
  </div><!-- /.col-lg-6 -->
  <div class="col-lg-6">
    <div class="input-group">
      <input type="text" class="form-control" placeholder="Search for...">
      <span class="input-group-btn">
        <button class="btn btn-default" type="button">Go!</button>
      </span>
    </div><!-- /input-group -->
  </div><!-- /.col-lg-6 -->
</div><!-- /.row -->

<input> html标记不占用所有6列。我正在使用twitter bootstrap 3.3.4并尝试在我的MVC4应用程序中实现它。

有没有人遇到过这样的问题？

Answer 1

打开你的MVC项目，

转到内容＆gt;的site.css

list = list.chars.map(&:to_i)
# => [1, 2, 3, 4, 5]

创建MVC应用程序时，默认情况下设置输入控件大小

做到这一点，然后再试一次。