html - Bootstrap : adding gaps between divs

标签 html css twitter-bootstrap

如果我的页面使用 Bootstrap 类 rowcol-md-x 等来安排内容,那么在每个页面之间创建距离的正确方法是什么从语义上讲包含整个元素的 div?

我在 div 之间添加一个带有填充的 div 来模拟间隙,这是一个好的策略还是有更好的策略?

最佳答案

从 Bootstrap v4 开始,您只需将以下内容添加到您的 div 类属性中:mt-2(margin top 2)

<div class="mt-2 col-md-12">
        This will have a two-point top margin!
</div>

文档中提供了更多示例:Bootstrap v4 docs

关于html - Bootstrap : adding gaps between divs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20889126/

相关文章:

html - 自定义图标推特 Bootstrap

javascript - 浏览器嗅探 - 边界半径 %

html - 使用 CSS 换行 <label>

html - 如何将网页放在屏幕中间?

html - 为什么分词对表格有效但对自动换行无效?

javascript - 在某个滚动位置单击按钮时修复滚动位置

css - Wired.com超链接样式的纯CSS实现

jquery - Bootstrap Accordion 问题

javascript - 在 Javascript 中使用 Id 打击元素

html - 如何更改 Materialise 中空(未选中)复选框的边框颜色