自举行负边距

Question

为什么Bootstrap行元素具有margin-left: -15px和margin-right: -15px？当row元素嵌套到col-**-*元素中时，它甚至会在其官方站点上突出显示。使嵌套row不突出其父项的最佳方法是什么col-**-*？

链接到屏幕截图

Answer 1

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

\n\n

.row {\n  margin: 0;\n}\n

\n\n

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

\n\n

[class*=\xe2\x80\x9dcol-\xe2\x80\x9d] .row {\n  margin: 0;\n}\n

\n