html - CSS删除列中的边距或填充

使用引导程序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%。它似乎被引导程序重写了。

最佳答案

你可以使用变换，比如

.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

关于html - CSS删除列中的边距或填充，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30648294/