Twitter bootstrap div上的引导类未按预期工作

我有一个非常简单的引导示例：

搜寻

输入和按钮应该并排（就像过去一样）——但事实并非如此。输入位于按钮顶部（见下图）。引导col类发生了什么

---

您需要为列使用

.row

类

而且这些列太窄，无法显示内容

搜寻

这是“在网格布局中，内容必须放在列中，并且只有列可以是行的直接子项”这是新的。我知道在3.3版中不是这样的。像我这样的例子是有效的。在

@bharatparmar中的第二个
前面添加
div
标记和'row'类-它不起作用。但这是新的。好的，我以前的引导版本是3.3，我的案例是有效的。他们改变了这一点。这是不向后兼容的。
<div class="col-sm-12">
    <div class="col-sm-12">
      <div class="col-sm-2">
        <input class="form-control" placeholder="Last name, first name" />
      </div>
      <div class="col-sm-1">
        <button class="btn btn-success btn-block">Search</button>
      </div>
    </div>
  </div>