bootstrap 3列网格，显示为1列

Question

我正在尝试Bootstrap，我希望在一行中有一个3列网格，但它总是显示为1列和1行，我做错了什么？我正在使用铬。

代码：
  http://www.bootply.com/RZTdToz6bf

Answer 1

如果您使用的是Bootstrap 3，则需要使用新的列类：

<div class="row">
  <div class="col-md-4"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p></div>
  <div class="col-md-4"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p></div>
  <div class="col-md-4"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p></div>
</div>

使用-md - ， - lg-等应用于各种视口宽度。

Answer 2

http://www.bootply.com/IuRailYZLP

使用col-lg-4为您的类名在一行中创建3列，因为自bootstrap 3.0以来已弃用spanX