Twitter bootstrap 3 .在引导3中形成内联输入宽度

这个问题与类似，但我的问题是关于

表单内联

。更容易查看呈现的页面。那么，如何使

粉红色

元素填充

蓝色边框

元素呢

HTML:

引导启动程序模板
使用此文档可以快速启动任何新项目。
您只会收到此消息和一个简单的HTML文档

“搜索”

。表单组{width:100%}是您需要的

<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 -->