偏移列不起作用（Bootstrap v4.0.0-beta）

我正在使用Boostrap 4（Bootstrap v4.0.0-beta）測試版，並面臨偏移列的問題。此前我曾經做過offset-md- *，它在工作，BS4測試版根據文檔刪除。文檔中提到的新方法是使用.ml-auto，當我嘗試使用它與col-md-4它是抵消4列。我要的是定製抵消像偏移列不起作用（Bootstrap v4.0.0-beta）

**<div class="col-md-4 offset-md-2"></div>**

我嘗試使用

**<div class="col-md-4 ml-md-2"></div>**

，但沒有奏效是，這是錯誤或者有另一種方式來做到這一點？

以下是有關補償 https://getbootstrap.com/docs/4.0/layout/grid/#offsetting-columns

來源

2017-08-12 Prashant Sharma

爲什麼你使用'ml'？ –

引導4 offset班已經在Beta 1中被移除，但將在Beta 2

新auto-margin replacements for offset恢復將列在儘可能多的移動。所以，這取決於你想把這個列向右「推」多少。如果他們沒有其他列col-md-4的權利，它會一直走到row的右側。基本上offset與浮動列相關，但現在Bootstrap 4是flexbox不再相關。

如果你想移動col-md-4經過短短2列單位，最好的辦法是使用一個虛擬/佔位列 ...

<div class="row"> 
     <div class="col-md-2"></div> 
     <div class="col-md-4"> 
      .. 
     </div> 
</div>

https://www.codeply.com/go/SqrQIOAY7

如果有其他col-md-4右邊的第一個，然後ml-auto和mr-auto將工作到中心兩列 ...

<div class="row"> 
     <div class="col-md-4 ml-auto"> 
      . 
     </div> 
     <div class="col-md-4 mr-auto"> 
      . 
     </div> 
</div>

https://www.codeply.com/go/SqrQIOAY7n

如果要居中的col-md-4然後只需使用mx-auto到兩側創造平等的利潤率。

注：特定的列offsets will be restored as of Beta 2

來源

2017-08-12 17:09:49 ZimSystem

謝謝，但這個空白div與col-md-2看起來像一個「黑客」不？？，這是我在發佈這個問題之前使用。我會用你的第二個解決方案，因爲我有另一個col-md-4在右邊，如果這能解決我的問題，我會告訴你。 –

它可能看起來像一個黑客，但它是唯一的解決方案，現在補償已被汽車利潤率取代。 – ZimSystem

非常感謝您的提示，您的第二個解決方案爲我工作，我想暫時我會在其他地方使用空白div，直到Bootstrap獲得新的抵消。 –

ml-md-auto的大小md及以上套margin-left: auto;官方的文檔。

您不能將其設置爲2。您需要做的是ml-md-auto。

來源

2017-08-12 13:47:50

請參閱[docs]（http://v4-alpha.getbootstrap.com/layout/grid/#offsetting-columns） –

我使用的是Bootstrap v4 Beta，您提供了Alpha版本的doc鏈接。通過文檔鏈接更新了我的問題。 –

奧利弗當我嘗試使用ml-md-auto它偏移4列，我想要的是抵消2列，但與col-md-4 –

更改

offset-md-2

到：

col-md-offset-2

爲我工作

來源

2018-01-02 22:09:18 clamchoda

偏移列不起作用（Bootstrap v4.0.0-beta）

回答

相關問題