html - Bootstrap 4 项而不是 3 项

标签 html css twitter-bootstrap

<分区>


这个问题似乎离题,因为它缺乏足够的信息来诊断问题。 更详细地描述您的问题或include a minimal example在问题本身。

关闭 9 年前

查看this example ,忘记右边的菜单。

我想知道我怎样才能有 4 个标题而不是每行 3 个?

关于 jsfiddle 的示例.

类里面有什么我们可以改变的吗?

<div class="col-6 col-sm-6 col-lg-4">
    <h2></h2>
    <p>whatever</p>
</div>

最佳答案

你每行有 12 列,所以如果你设置 col-lg-3 那么 4 将适合一行(对于大屏幕)

请阅读:http://getbootstrap.com/css/#grid

关于html - Bootstrap 4 项而不是 3 项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22467321/

上一篇:javascript - 抽象重复的 addEventListener ('click' ...函数以优化代码

下一篇:css - 格式化单元格数据

相关文章:

html - Twitter Bootstrap 3 个不同大小的图像未正确调整大小并与另一列重叠

html - 如何在容器流体中以三列行居中行

javascript - 从 JSON 数据创建 html 表

asp.net - 如何防止文字导致其容器增长?

javascript - 如何检测 jQuery Lightslider 是否已实例化,以及如何清除实例(如果已实例化)

对我的 CSS 页面有值(value)的 PHP 输入

html - 如何更改 Bootstrap 表单方向,文本右侧文本框左侧?

css - Twitter Bootstrap 网格 : is it possible to simulate smaller screen by adding class to container?

html - 表格中的 div <div> 元素超出单元格 <td> 边距

html - (jQuery mobile) 如何让主 div 将页眉和页脚之间的其余部分包装起来?