我显然在这里遗漏了一些非常明显的东西,但我希望引导程序列之间有10像素的装订线。来自默认情况下具有装订线的ui-kit,要关闭它们,只需添加类uk-grid-collapse。
引导水槽开启的等效引导程序是什么?
http://codepen.io/anon/pen/vKBjBa
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-12 col1">
<div class="div-content">col 1</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col2">
<div class="div-content">col 2</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col3">
<div class="div-content">col 3</div>
</div>
</div>
只需将颜色定义为内部div。在这里,我从家长中删除了课程,并将这些课程传递给了孩子div的
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="div-content col1">col 1</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="div-content col2">col 2</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="div-content col3">col 3</div>
</div>
</div>
由于引导程序在col-
类中具有默认的装订线空间,因此请使用它们并定义background-color
为内部div的。
默认的装订线空间
15px
在左右两侧,因此您将看到30px
div之间的默认空间。如果要更改该空间以10px
仅使用所需的空间来编写自己的css并将其覆盖。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句