我的页面有多个版本,其中 navbar
中的元素数量差异很大。元素的确切数量在服务器上确定。
在某些情况下,导航栏只有 1 或 2 个元素,我想取消折叠它——我想看到导航栏上的所有元素(而不是在下拉列表中)。这可以用 Javascript 动态完成吗?或者也许这可以在创建 HTML 时在服务器上完成?
我知道我可以用 http://getbootstrap.com/customize/ 创建静态 CSS控制合拢触发宽度。但是拥有 2 个版本的 Bootstrap CSS(一个用于大屏幕折叠,一个用于小屏幕折叠)然后尝试在两者之间切换似乎不太干净。
最佳答案
这可以在创建 HTML 时在服务器上完成。获得名称栏中元素的确切数量后,将此值与截止值(navbar
中的最大元素数)进行比较。
如果元素数量更多,则使用 navbar-collapse (可能显示 more )。
关于javascript - 如何动态取消折叠 Bootstrap 导航栏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21813142/