的CSS除去保證金或填充列

列刪除填充或利潤率創建平鋪效果使用引導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覆蓋了。

來源

2015-06-04 Careen

發佈小提琴或bootply，或者至少包括非自舉位的相關CSS – Ted

自定義CSS沒有邊距或填充s如果我嘗試他們沒有任何效果比其他形狀.. – Careen

你在哪裏聲明自定義CSS？在引導之後或之前？因爲特德說鏈接到小提琴將有所幫助...... – MonteCristo

您可以使用變換，像

.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

來源

2015-06-04 16:25:01 Ted

謝謝，您提供的資源也是我所做的更好的解決方案... – Careen

引導程序的行和列加載了填充和邊距。因此，我建議您清除這些內聯以檢查這是自舉問題還是由自定義CSS帶來的衝突。我幾乎可以肯定後者會成爲問題。

您能否提供此信息多一點的信息？也許我們可以更有幫助。

來源

2015-06-04 15:56:29

的CSS除去保證金或填充列

回答

相關問題