偏移列在引導

這是我所想要做的想法：偏移列在引導

<div class="container-fluid"> 
<div class="row"> 
<div class="col-sm-2"></div> 
<div class="col-sm-4"></div> 
<div class="col-sm-4"></div> 
<div class="col-sm-2"></div> 
</div> 
</div>

如何將其工作中使用偏移？

來源

2017-01-13 sumguy

偏移就像一個空白欄，將留在您的列之前的作品。例如，如果你想要一個列，將有一半的屏幕尺寸，並會完全在中間，你將不得不做的事：

<div class="col-sm-6 col-sm-offset-3"></div>

全行有12列。這樣你將有6列（一半的行）和3列的偏移量。它將完全位於屏幕的中間。

看看Bootstrap文檔。

來源

2017-01-13 01:24:16

非常感謝！這解釋了這個概念:) – sumguy

不客氣！你能投票並接受答案嗎？ –

你能接受嗎？ –

就這樣..

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-sm-4 col-sm-offset-2"></div> 
     <div class="col-sm-4"></div> 
    </div> 
</div>

http://www.codeply.com/go/7wofwfzrH3

來源

2017-01-13 01:20:48 ZimSystem

謝謝！如果我試圖做「2 4 4 2」，第二臺col-sm-4如何不需要抵消？ – sumguy

@sumguy偏移列將邊距添加到左邊，所以在這種情況下，首先有col-2的邊距/空間，然後是col-4的兩個div，然後剩餘的col-2是剩餘空間。考慮一個100％的父母和70％的孩子（隨機），所以現在你有30％的空閒空間/空列到右側。 – divy3993

偏移列在引導

回答

相關問題