兩個navbars助推器3，只有一個崩潰

-1

我正在做一個Bootstrap 3站點，但我需要2個導航菜單，一個顯示語言，聯繫人和登錄以及頁面的其他部分。兩個navbars助推器3，只有一個崩潰

這是桌面視圖

，我想語言/聯繫人/登錄菜單，查看平板電腦/手機繼續表現出同樣的，僅此是崩潰的菜單部分。

我加了一些風格和查看手機看起來不錯，但顯示桌面視圖，菜單部分左對齊，並希望它是右對齊，不影響移動視圖。

的[JSFIDDLE](https://jsfiddle.net/karlamip/2yqmt2kv/)

如果任何人有一個想法，我是很感激

來源

2016-06-30 KaruraI

在問題中發佈您的相關代碼。不要試圖繞過僅在外部鏈接中發佈代碼的大警告。它可以防止未來用戶的鏈接腐爛。 – Marcelo

對不起:(我不知道該怎麼做，警告總是出現，這是唯一的辦法沒有。 – KaruraI

看到這添加代碼[片段]（https://blog.stackoverflow.com/2014/ 09/introduction-runnable-javascript-css-and-html-code-snippets /）並且你不是很清楚你想要做什麼：你將頂部和底部合併爲一個導航欄，或者你希望他們保持分離，但在不同的地方與崩潰按鈕？ – vanburen

如果你只是想固定取向，在CSS中添加媒體查詢來設定這些菜單元素的右對齊某個屏幕尺寸（移動/桌面閾值）。

來源

2016-06-30 17:21:36 TW80000

非常感謝，媒體查詢完美。 – KaruraI

只要嘗試將.navbar-ex1-collapse和data-target=".navbar-ex1-collapse"更改爲另一個菜單的新類名，以便它可以工作。

來源

2016-06-30 17:22:26 vignesh

如果您希望崩潰菜單顯示在「語言/聯繫我們/登錄」右側，同時保持THAT菜單不變，您需要更改HTML結構中按鈕摺疊的位置，並更改幾個類所以沒有衝突。

用於您的jsfiddle叉是在這裏：https://jsfiddle.net/sq8u45qq/1/

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 
    <span class="sr-only">Desplegar navegación</span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
</button>

上述被搬進同一行作爲您的固定導航。然後，您必須刪除該導航的collapse（您似乎不想摺疊），並刪除您正在應用於這兩個導航的類名navbar-ex1-collapse。

來源

2016-06-30 17:29:08

兩個navbars助推器3，只有一個崩潰

回答

相關問題