如何擺脫無用的列？

-2

正如你在下面看到我的代碼，我只需要列.col-md-8，但我使用兩個.col-md-2類來居中我的內容。雖然它運作良好，但我只是在尋找更乾淨的方式。那麼有沒有辦法擺脫那些col-md-2類？如何擺脫無用的列？

<div class="row"> 
    <div class="col-md-2"></div> 
    <div class="col-md-8"> 
     MY CONTENT 
    </div> 
    <div class="col-md-2"></div> 
</div>

我也嘗試過使用col-md-offset-2。這樣，我可以擺脫第一個.col-md-2，但它並沒有給我我需要的.col-md-8。

<div class="row"> 
    <div class="col-md-10 col-md-offset-2"> 
     MY CONTENT 
    </div> 
</div>

所以結果看起來是這樣的：

來源

2016-12-02 Reza

'margin：0 auto'？ – kukkuz

_「但它沒有給我所需的.col-md-8」_ - 好吧，如果你在你的代碼中編寫了'col-md-10'，那麼你不能期望得到一個_8_列寬元素......迄今爲止，如此明顯。 – CBroe

相當古怪的問題。 Waht與默認行爲有關的問題。我的意思是bootstrap是這樣設計的，如果你還想改變一些東西，那麼不要指望它會更乾淨，因爲將會在CSS和HTML中進行調整。 –

您可以使用偏移，例如：

<div class="col-md-8 col-md-offset-2"> 
    MY CONTENT 
</div>

它應該工作，我想在你的例子問題您使用的是col-md-10而不是col-md-8。只要您的列在.row之內，您可以忽略內容之後的空格。

來源

2016-12-02 10:27:17

'col-md-2（void）''[col-md-8（content）]''[col-md-2（void）]'有什麼區別？ :) – Mistalis

我不明白你的問題。 –

我想了解您提供的代碼與您在兩個「col-md-2」之間「中心」內容的區別。 – Mistalis

如何擺脫無用的列？

回答

相關問題