Css删除列中的边距或填充

Question

使用bootstrap 3

删除列填充或边距以创建平铺效果

  <div class="row">
  <div class="col-md-4">
    <div class="hexagon-wrapper hex_size">
        <div class="hexagon">
        </div>   
    </div>      
</div>
<div class="col-md-4">
    <div class="hexagon-wrapper hex_size">
        <div class="hexagon">
        </div>   
    </div>      
</div>  
<div class="col-md-4">
    <div class="hexagon-wrapper hex_size">
        <div class="hexagon">
        </div>   
    </div>      
</div>

  //row 2
  <div class="row">
  <div class="col-md-4">
    <div class="hexagon-wrapper hex_size">
        <div class="hexagon">
        </div>   
    </div>      
</div>
<div class="col-md-4 col-md-offset-2">
    <div class="hexagon-wrapper hex_size">
        <div class="hexagon">
        </div>   
    </div>      
</div>  
<div class="col-md-4">
    <div class="hexagon-wrapper hex_size">
        <div class="hexagon">
        </div>   
    </div>      
</div>

到目前为止的结果：   

我需要一个类添加到行以将第二行推高50％。它似乎被Bootstrap覆盖了。

Answer 1

Bootstrap的行和列加载了填充和边距。所以，我建议您清除那些（内联）以检查这是自举问题还是自定义CSS带来的冲突。我几乎可以肯定后者将成为问题。

你能为这篇文章提供更多信息吗？也许我们可以更有帮助。

Answer 2

您可以使用转换，例如

.row.moveup{
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50px%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

See it in action here

（我对你的html结构进行了一些小的修改）

另外，您可能需要查看at this question