我尝试使用Bootstrap 3为移动设备创建一个带有下拉和全宽子导航的页脚菜单。我已经创建了带有一些css的drop up并使子导航对齐到左边（我不知道这是否是最好的方式，但它有效）我已经尝试了很多方法并检查了很多例子，但我无法弄清楚如何制作子导航覆盖屏幕的整个宽度。 以下是我在Bootply http://www.bootply.com/7wy0Oten9m
中工作的示例答案 0 :(得分：0)
您的代码存在的问题是，无论您设置了什么，所有col-xs-2类都会定义下拉列表的宽度。这里的解决方案是稍微告别Bootstrap。
这个想法：
页脚 - ＆gt; col-xs-12（全宽）
将所有5个菜单放入其中（所有菜单都有＃34;按钮 - 页脚 - 移动＆＃34;）并将其宽度设置为16.66667％（这是 2-col宽度）
给中间菜单另一个类并将其设置为33.33333％（4-col宽度）/该类是我的例子中的中间菜单/
浮动＆＃34;按钮 - 页脚 - 移动＆＃34;左边的类，并将其边距设置为0.
通过这种方式，您可以使用相同的布局，但是下拉列表现在可以有100％的宽度。
你可以在这里看到一个有效的bootply ：http://www.bootply.com/lyLNGBDZ68#
我希望它对你有所帮助，我的答案清晰易懂，
安德鲁