全寬下拉子導航引導3

Question

我正在嘗試創建一個頁腳菜單，使用Bootstrap 3的移動設備的下拉和全寬度子導航。我已經創建了一些CSS的下拉菜單，子導航對齊左側（我不知道這是否是最好的方式，但它的工作原理）我一直在嘗試很多方法並檢查了很多示例，但我無法弄清楚如何製作子導航覆蓋整個屏幕的寬度。 這裏是我的例子工作在這Bootply http://www.bootply.com/7wy0Oten9m

Answer 1

你的代碼的問題是，無論你設置所有col-xs-2類定義您的下拉寬度。這裏的解決方案是向Bootstrap說再見一點。

的想法：

1. 頁腳 - > COL-XS-12（全寬）

2. 把所有5個菜單的進去（全部具有類「按鈕footer-移動「），並設置其寬度16.66667％（這是 2-COL寬度）

3. 給這個middlemenu另一個類並將其設置爲33.33333％（4-COL寬度）/類是middlemenu在我的例子中/

4. 浮法「按鈕英尺移動」級的左，設置它的利潤率爲0

這種方式，你有佈局，但相同的下拉式UPS現在能有100％的寬度。

你可以看到一個工作bootply這裏：http://www.bootply.com/lyLNGBDZ68#

我希望它幫你，我的答案是明確的和可以理解的，

安德魯