无法将 CSS 规则应用于引导可折叠菜单

Question

在this 站点上，如果您缩小浏览器窗口并显示切换按钮，然后单击一个（其中一个），您将看到生成的下拉菜单仅占屏幕宽度的一小部分。我希望它们都伸展以填充 100%。

我在尝试通过将 CSS 样式直接输入到 firebug 控制台来设置 CSS 样式时遇到了麻烦。示例：输入以下作品会增加字体大小和（奇怪的是）下拉菜单的宽度（更大的文本，需要更多的空间）...

$('.collapse.in').css({"font-size":"20pt"});

但我似乎无法影响下拉（未折叠）菜单本身的宽度

我错过了什么明显的东西吗？

Answer 1

您是说您希望列表覆盖 100% 的 div 容器吗？这是您正在开发的网站吗？如果是这样，花车是必要的吗？我不得不问，因为如果你想让列表占据整个空间，我无法想象你为什么要浮动。如果你删除你拥有的浮动，列表，作为一个块级元素，自然会填充 100% 的父 div。