我正在尝试为带有Bootstrap 3的移动设备创建带有下拉菜单和全角子导航的页脚菜单。我已经用一些CSS创建了下拉菜单，并使子导航与左侧对齐（我没有知道这是否是最好的方法，但它确实有效。）我一直在尝试许多方法并检查了很多示例，但是我不知道如何使子导航覆盖整个屏幕宽度。这是我在此Bootply http://www.bootply.com/7wy0Oten9m中工作的示例
代码的问题在于，无论您设置了什么所有col-xs-2类，都定义了下拉菜单的宽度。这里的解决方案是告别Bootstrap。
这个想法：
页脚-> col-xs-12（全宽）
将所有5个菜单放入其中（所有菜单都具有“ button-footer-mobile”类），并将其宽度设置为16.66667％（这是2列宽度）
给中间菜单另一个类并将其设置为33.33333％（4列宽）/在我的示例中，该类是“中间菜单” /
将“ button-footer-mobile”类浮动到左侧，并将其边距设置为0。
这样，您可以使用相同的布局，但是下拉菜单现在可以具有100％的宽度。
您可以在此处看到有效的Bootply：http : //www.bootply.com/lyLNGBDZ68#
希望它对您有所帮助，我的回答是清晰易懂的，
安德鲁
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句