Bootstrap 3添加排水沟到网格系统

我很明显错过了一些非常明显的东西，但我希望在引导列之间有一个10像素的排水沟。来自默认情况下具有排水沟的ui-kit，要关闭它们，只需添加uk-grid-collapse类即可。Bootstrap 3添加排水沟到网格系统

转动排水沟的引导等效物是什么？

<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>

来源

2016-05-26 twigg

解决您的问题？ –

只需定义内部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的子div的。

默认的装订线空间是15px每方左右，所以你会看到div的之间的30px默认的空间。如果你想改变这个空间到10px只需写你自己的CSS与所需的空间并覆盖它。

来源

2016-05-26 10:00:38

可以使用引导类container-fluid做到这一点，请与下面的更新HTML： -

<div class="row"> 
    <div class="col-lg-4 col-md-4 col-sm-12"> 
     <div class="container-fluid col1"> 
      <div class="div-content">col 1</div> 
     </div> 
    </div> 
    <div class="col-lg-4 col-md-4 col-sm-6"> 
     <div class="container-fluid col2"> 
      <div class="div-content">col 2</div> 
     </div> 
    </div> 
    <div class="col-lg-4 col-md-4 col-sm-6"> 
     <div class="container-fluid col3"> 
      <div class="div-content">col 3</div> 
     </div> 
    </div> 
</div>

它可以帮助你。

来源

2016-05-26 10:00:27

如果你想的10px的自定义装订线宽度，你可以做，通过使用http://getbootstrap.com/customize/或者你可以让自己的自定义类，在此改变它定制与你的价值引导

来源

2016-05-26 12:15:59

是的，我明白这一点，但如果你使用CDN版本，或者如果简单地使用类似codepen的游戏，因为你没有在框架内编辑默认值的选项 – twigg

它不是CDN，它会编译并使用您的自定义值进行下载，或者您可以使用随引导程序提供的SASS或LESS文件在框架工作中更改值，或者可以编写函数或mixin –

Bootstrap 3添加排水沟到网格系统

回答

相关问题