Bootstrap 3中的.form-inline输入宽度答案

【问题标题】：.form-inline input width in Bootstrap 3Bootstrap 3中的.form-inline输入宽度
【发布时间】：2014-03-20 23:52:34
【问题描述】：

这个问题类似于this，但我的问题是关于form-inline。更容易看到呈现的页面at Bootply。那么，如何让pink 元素填充border-blue 一个呢？

HTML：

<div class="container">
  <div class="row border-gray">

    <div class="col-md-9 border-gray">
      <h1>Bootstrap starter template</h1>
      <p>Use this document as a way to quick start any new project.<br> All you get is this message and a barebones HTML document.</p>
    </div>

    <div class="col-md-3 border-gray">
      <aside>
        <form class="form-inline border-blue" role="form">
          <div class="form-group pink">
            <div class="col-md-12">
              <label class="sr-only" for="pattern">"Search"</label>
              <input type="text" class="form-control" placeholder="Search" name="pattern">
            </div>
          </div>
        </form>
      </aside>
    </div>

  </div>
</div> <!-- /container -->

【问题讨论】：

标签： twitter-bootstrap-3

【解决方案1】：

.form-group { width: 100% } 就是你要找的。p>

【讨论】：