我正在尝试使用 Bootstrap 3 为移动设备创建一个带有下拉和全宽子导航的页脚菜单。我已经使用一些 css 创建了下拉菜单，并使子导航向左对齐（我不知道这是否是最好的方法，但它有效）我已经尝试了很多方法并检查了很多示例，但我不知道如何使子导航覆盖屏幕的整个宽度. 这是我在此 Bootply 中工作的示例http://www.bootply.com/7wy0Oten9m
【问题讨论】：
标签： css twitter-bootstrap drop-down-menu twitter-bootstrap-3 responsive-design
您的代码的问题在于，无论您设置什么，所有 col-xs-2 类都定义了下拉菜单的宽度。这里的解决办法就是暂时告别 Bootstrap。
想法：
页脚 --> col-xs-12（全角）
将所有 5 块菜单放入其中（都具有“button-footer-mobile”类）并将其宽度设置为 16.66667%（即 2-col 宽度）
给中间菜单另一个类并将其设置为 33.33333%（4 列宽度）/在我的示例中该类是中间菜单/
将“button-footer-mobile”类浮动到左侧并将其边距设置为 0。
这样您就拥有相同的布局，但下拉菜单现在可以有 100% 的宽度。
您可以在此处查看正常工作的引导程序：http://www.bootply.com/lyLNGBDZ68#
希望对你有所帮助，我的回答清晰易懂，
安德鲁
【讨论】：