html - Bootstrap 行负边距

标签 html css twitter-bootstrap twitter-bootstrap-3

<分区>

为什么 Bootstrap 行元素有 margin-left: -15pxmargin-right: -15px?当 row 元素嵌套到 col-**-* 元素中时,它甚至会在其官方网站上突出显示。使嵌套 row 不从其父级 col-**-* 突出的最佳方法是什么?

Link to the screenshot

最佳答案

您可以通过在 Bootstrap 之后调用您的自定义样式表文件来覆盖 Bootstrap css 规则。

.row {
  margin: 0;
}

如果您只想将此应用于嵌套在 col-* 中的行

[class*=”col-”] .row {
  margin: 0;
}

关于html - Bootstrap 行负边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46453621/

相关文章:

javascript - 填充一组滑动切换中的可用空间

javascript - 如何将 JS 变量添加到错误消息中并保留一个字体 ID 标签

css - 删除 HTML 字符的 Bootstrap 样式

javascript - 使用 JS/jQuery move div 的最流畅方式

html - 使 Bootstrap 3 nav pills 占据网格中定义的空间

javascript - 输入之间的 BR 标签不会换行

jquery - CSS 过渡

html - Bootstrap 4 轮播不按预期运行

javascript - 文本框弹出窗口上的 Twitter Bootstrap 验证消息

javascript - 打开信息框而不是悬停