Bootstrap 3删除嵌套列的所有边的填充

Question

我需要删除嵌套列上的填充，包括顶部和底部填充，而不为其添加新类。

我试过这篇文章：Fix Bootstrap Padding On Nested Columns - 它说要将<div class="row">包裹在我要删除填充的内容上，但它只适用于左/右填充，而不是所有填充。

任何提示，除了提出我自己的“noPadding”课程以申请那些我不需要填充？

Answer 1

您可以使用通配符CSS选择器来完成您想要的操作，这样您就不必使用特殊类标记所有内部列。

.row > div[class*="col-"] > .row > div[class*="col-"] {

  padding:0;

}

演示：http://www.bootply.com/TgzHyfdeoD

Answer 2

不确定它是否会干扰bootstrap，但是jQuery jQuery还有很长的路要走。

尝试这样的事情，看看会发生什么：

$('#outerContainer').find('*').css('padding', '0');