删除Bootstrap

时间:2017-11-06 14:53:40

标签: javascript twitter-bootstrap

我想删除2个div列之间的间距。

代码:

<div class="row">
    <div class="col-2"><b>Text1</b></div>
    <div class="col-2"><b>Text2</b></div>
</div>

结束于:

[_________]&#34;空间......&#34; [___________]

我知道这里有一些解决方案,我试图删除填充,边距,但没有任何效果。

有什么想法吗?

1 个答案:

答案 0 :(得分:2)

Bootstrap框架中每个.no-gutter { margin-right: 0; margin-left: 0; } .no-gutter > [class*="col-"] { padding-right: 0; padding-left: 0; } 之间空间的“技术”术语是“装订线”,这个装订线是通过使用填充来实现的。

如果您使用的是Bootstrap的v3.x,则需要创建一个自定义类:

.row

并将其应用于您希望在那里没有排水沟的任何.no-gutters。 Bootstrap 4具有本机{ "partners" : [ { "partnerId" : 5, "topicIds" : [ "59de26f2e4b0f263704769e5" ] }, { "partnerId" : 45, "topicIds" : [ "alpha", "beta" ] }, { "partnerId" : 12345, "topicIds" : [ "alpha" ] } ] } 类,可以获得相同的结果。

https://getbootstrap.com/docs/4.0/layout/grid/#no-gutters