html - 1 行中的 Bootstrap 3 列网格显示为 1 列

标签 html css twitter-bootstrap

我现在正在试用 Bootstrap,我想在 1 行中有一个 3 列的网格,但它总是显示为 1 列和 1 行,我做错了什么?我正在使用 Chrome 。

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

最佳答案

如果您使用的是 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- 等在各种视口(viewport)宽度下应用。

关于html - 1 行中的 Bootstrap 3 列网格显示为 1 列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24168897/

相关文章:

php - 从表中检索数据

java - jlabel 中的格式化文本和导入的值

HTML/CSS : Create a div that always fills the entire page. .. 然后里面有一个可调整大小的 div?

javascript - 最初放入 Bootstrap 容器中的没有预定义宽度的固定元素不会从父级继承宽度

html - 是否必须将所有内容(即使只是一栏)放在行内?

javascript - 如何通过单击第一页中的按钮来激活 Bootstrap 4 模式,将您重定向到激活模式的第二页?

html - css 相同的类名获得相同的样式

javascript - 我如何在 jqueryUI 中克隆一个拖动的元素

css - 为什么我的链接样式表不起作用?

html - 处理 HTML 空白