。引导程序3中的.form-inline输入宽度

Question

问题类似于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 -->

Answer 1

.form-group {width：100％}正是您所需要的。