我正在尝试找到一个自举4响应导航栏的示例,该导航栏仅在xs宽度处折叠为汉堡按钮,但在更宽时完全可见 .
有一个正常工作的bootstrap 3 example,但我找到的4个没什么 .
bootstrap 4 navbar示例页面显示了collapsed content版本,但它在所有宽度处折叠 .
在下面它暗示了如何使用.navbar-toggler等工作 . 人 .
对于更复杂的导航栏模式,如Bootstrap v3中使用的那些,请将.navbar-toggleable- *类与.navbar-toggler结合使用 . 这些类覆盖我们的响应实用程序,仅在要显示内容时才显示导航 .
我有最小的自举知识,所以任何解决方案我都不想与框架作斗争,如果已经有一个受制裁的方法来做到这一点 .
Edit:
实际上,bootstrap 4文档中Collapsible content下方的Responsive Navbar示例正是我使用navbar-toggleable-xs类完成的工作 . 我没有让窗户变窄 .
1 回答
Bootstrap 4稳定:
在稳定版本中
navbar-toggleable-*
已重命名为navbar-expand-*
,但-xs
中缀已被(仍)删除,因此在您的情况下应使用 navbar-expand .文档中的说明:https://getbootstrap.com/docs/4.1/components/navbar/#how-it-works
仅适用于Bootstrap 4 alpha:
实际上,Bootstrap 4文档中Collapsible content下方的Responsive Navbar示例正是我使用
navbar-toggleable-xs
类所寻找的 . 我没有让窗户变窄 .在Bootstrap 4 alpha 6中,它现在只是
navbar-toggleable
而没有-xs
.EDIT :文档链接现在在这里:http://v4-alpha.getbootstrap.com/components/navbar/#nav