右拉式更換引導4不起作用

-2

我有read了pull-right類已被刪除並在其位置上有類如.float-{sm,md,lg,xl}-{left,right,none} - 如被看見在this question了。右拉式更換引導4不起作用

但我無法得到它的工作。我已經在 https://jsfiddle.net/kneidels/x8Lhmajc/1/ 上設置了一個演示，您將在左上角看到「菜單」一詞，它有一個下拉菜單。這應該是漂浮在右邊，但你可以看到它不起作用。

2017-09-14 kneidels

柔性公用事業我設法使其使用類山坳您的工作情況和浮右在一起的一個。這裏是plunker和fiddle。但通常情況下，只需浮動就足夠了。

<div class="col float-right">     
    <div class="dropdown actionButtons float-right"> 
    //your content 
    </div> 
</div>

如果你需要移動只有菜單，包COL-SM-12（MD，LG你的需要），並使用例如浮動權（見本fiddle）。

<div class="col-md-12"> </div>

來源

2017-09-16 20:25:55 alexKhymenko

謝謝 - 但我需要在* far *右邊的菜單圖標 - 在所有其他列之後。即使我使用col-sm-12 float-right而不是你的「col float float right」 - 我確實知道它在最右邊，但是所有其他的col- *'元素都會跳到下一行。也許我可以用一些負邊距來解決這個問題，但它聽起來像是一種變通辦法，而不是一個乾淨的解決方案。你有什麼建議？ – kneidels

它取決於你下一個col-sm-值。例如，如果其col-sm-10使用的不是col-sm-12，而是使用col-sm-2。12-10 = 2 – alexKhymenko

如果您使用col-sm-12，它會佔據整行。但如果使用較少，則將它們排成一行 – alexKhymenko

.row div現在在display:flex，這就是爲什麼浮動不能正常工作！可以

1）包裝在<div class="col-sm-12></div>的內容（這是使用網格的正確方法：如果你不使用.col-something你會負利潤，你的內容的一部分，最終是不可見的）

2）使用這裏https://getbootstrap.com/docs/4.0/utilities/flex/上市像類flex-row-reverse

來源

2017-09-16 20:25:49

謝謝！問題：爲你的選項'（1）' - 你的意思是包裝'

kneidels

你的jsfiddle似乎是正確的。你必須總是在'.row'裏面使用'.col-something'，因爲後者有負邊界（對於網格建設） –

https://jsfiddle.net/kneidels/x8Lhmajc/6/是更新的。在這方面的問題是，菜單登錄在自己的行 - 而它應該是列結構 – kneidels

可能會有點晚，但我確實也很難。每當我設法將這些列放在「行」類下時，沒有任何東西可以讓我拉正確。我想這是有效的，這裏是我的解決方案;

<div class="row"> 
 
    <div class="col order-last"> 
 
     Whatever 
 
    </div> 
 
</div>

來源

2018-02-13 17:03:32

右拉式更換引導4不起作用

回答

相關問題