Twitter bootstrap 3 引导3-按钮、文本、带浮动的按钮

我正在尝试这样的布局：

如何使用Bootstrap 3实现它

已尝试以下代码，但无效：

<div class="container">
    <div class="well">
        <div class="col-md-3 text-center"><button class="btn btn-default">Previous</button></div>
        <div class="col-md-6 text-center">title</div>
        <div class="col-md-3 text-center"><button class="btn btn-default">Next</button></div>
     </div>
</div>

以前的
标题
下一个

您必须使用class

。向右拉

和

。向左拉

，例如：

<button class="btn btn-default pull-left">Previous</button>
<button class="btn btn-default pull-right">Next</button>

上一个
下一个

---

希望这能给你一个想法，对你有用。

如果你把可乐包装在

行中，它应该会起作用

<div class="container">
  <div class="well"> 
    <div class="row">
        <div class="col-md-3 text-center"><button class="btn btn-default">Previous</button></div>
        <div class="col-md-6 text-center">title</div>
        <div class="col-md-3 text-center"><button class="btn btn-default">Next</button></div>
     </div>
  </div>
</div>


以前的
标题
下一个

演示引导程序包括一个响应迅速的移动第一流体网格系统，随着设备或视口大小的增加，该系统可以适当地扩展到12列。预定义的网格类，如.row和.col-md-4可用于快速制作网格布局

 <div class="titleBar"> 
    <div class="row">
        <div class="col-md-3"><button class="btn btn-primary">Button 1</button></div>
        <div class="col-md-6 text-center">Title Text</div>
        <div class="col-md-3 "><button class="btn btn-primary">Button 2</button></div>
     </div>
  </div>


按钮1
标题文本
按钮2

希望这会有帮助。另外，请查看此内容，以了解有关响应网格布局的更多详细信息。
我知道pull-*但它们也不起作用。结构还可以，但是文本不是垂直居中的，而是位于顶部（与按钮相关）使用JSFIDLE或任何类似的站点，这样我就可以看到代码了，谢谢