相关疑难解决方法(0)

新的Bootstrap 3网格系统非常棒.它在所有屏幕尺寸的响应式设计中功能更强大,嵌套更容易.

但我有一个我无法弄清楚的问题.如何在列之间添加精确的间隙？假设我有容器960px,310px的3列和3列之间的15px的2个gutters.我怎么做？

我想删除Bootstrap网格中多列之间的空格.

我们如何覆盖Bootstrap的CSS以实现此任务或使用纯CSS的任何其他更好的解决方案？

main.html中

<div class="row">
  <div class="col-md-2">
    // stuff here for this column
  </div>
  <div class="col-md-10">
    // stuff here for columns
  </div>
</div>

我试图在页面上获得3列,在bootstrap中它们之间没有任何间距

这是我得到的:

这就是我想要的:

这是我目前使用的代码:

<div class="row">
    <div class="span4 blue1">
        <h1>span4 (1)</h1>
    </div>
    <div class="span4 blue2">
        <h1>span4 (2)</h1>
   </div>
    <div class="span4 blue3">
        <h1>span4 (3)</h1>
    </div>
</div>

我真的不确定如何使用bootstrap实现我想要的东西 - 任何帮助表示赞赏

我不知道如何以正确的方式做到这一点,但我怎样才能删除列之间的30px排水沟？但没有边距左:-30px设置.

<div class='container'>
  <div class='row'>

    <div class='col-lg-1'></div>
    <div class='col-lg-1'></div>
    <div class='col-lg-1'></div>

  </div>
</div>