2015-06-04 53 views
2

列删除填充或利润率创建平铺效果使用引导3的CSS除去保证金或填充列

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

结果至今: enter image description here

我需要一个类来添加到行来推第二排上涨了50%。它似乎已经被Bootstrap覆盖了。

+1

发布小提琴或bootply,或者至少包括非自举位的相关CSS – Ted

+0

自定义CSS没有边距或填充s如果我尝试他们没有任何效果比其他形状.. – Careen

+0

你在哪里声明自定义CSS?在引导之后或之前?因为特德说链接到小提琴将有所帮助...... – MonteCristo

回答

0

您可以使用变换,像

.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

+0

谢谢,您提供的资源也是我所做的更好的解决方案... – Careen

0

引导程序的行和列加载了填充和边距。因此,我建议您清除这些内联以检查这是自举问题还是由自定义CSS带来的冲突。我几乎可以肯定后者会成为问题。

您能否提供此信息多一点的信息?也许我们可以更有帮助。