<分区>
<分区>
我有一个 bootstrap 的 3 栏网页。目前我想删除的每一列之间都有少量空间。如何在不编辑 bootstrap.css 文件的情况下执行此操作?谢谢。
<div class="container">
<div class="row">
<div class="col-md-2">
<div class="customDiv">
<div id="collapsible-panels">
<p><a href="#">Question One goes here?</a></p>
<div><p><a href="page2.html">Page 2</a></p></div>
<p><a href="#">Question Two goes here?</a></p>
<div><p>Answer to Question Two goes here.</p></div>
<p><a href="#">Question Three goes here?</a></p>
<div><p>Answer to Question Three goes here.</p></div>
</div>
</div>
</div>
<div class="col-md-8">
<div class="customDiv">Main Content Area</div>
</div>
<div class="col-md-2">
<div class="customDiv">Right Side Bar</div>
</div>
</div>
</div>
最佳答案
从新的 css 文件中的 col-*-*
类中删除 padding-left
和 padding-right
,方法是给它们一个额外的类(在我的例子中是 div-holder
),比如:
CSS:
.div-holder {
padding-left: 0;
padding-right: 0;
}
HTML:
<div class="container">
<div class="row">
<div class="col-md-2 div-holder">
<div class="customDiv">
<div id="collapsible-panels">
<p><a href="#">Question One goes here?</a></p>
<div><p><a href="page2.html">Page 2</a></p></div>
<p><a href="#">Question Two goes here?</a></p>
<div><p>Answer to Question Two goes here.</p></div>
<p><a href="#">Question Three goes here?</a></p>
<div><p>Answer to Question Three goes here.</p></div>
</div>
</div>
</div>
<div class="col-md-8 div-holder">
<div class="customDiv">Main Content Area</div>
</div>
<div class="col-md-2 div-holder">
<div class="customDiv">Right Side Bar</div>
</div>
</div>
</div>
关于css - 如何删除列之间的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41124912/