javascript - 如何动态取消折叠 Bootstrap 导航栏?

标签 javascript css twitter-bootstrap twitter-bootstrap-3 navbar

我的页面有多个版本,其中 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/

相关文章:

javascript - 如何立即加载深色主题

CSS 检查浏览器中的行高

jquery - 如何使用 Bootstrap 从带有模式对话框的表中删除 tr 行

javascript - 有人知道能够固定位置的 jQuery 鱼眼/停靠导航插件吗?

css - bootstrap 2.3 流体行间距

HTML - 重新排序 Bootstrap 列

javascript - Material ui 使用主题全局更新选择样式

javascript - JSON stringify 忽略数组中的某些值

javascript - 如何更改 vuetify 数据表中的字体大小和/或样式?

css - 在处于事件状态时更改按钮的外观