我了解到，Bootstrap 3附带了一个导航栏，当在较小的屏幕上查看时，导航栏会折叠。但是，我不喜欢导航栏的外观，因此决定使用nav-pills该类来设置主导航菜单的样式。在电话设备上查看导航菜单时是否可以折叠它？这是我的导航代码：
<nav>
<ul class="nav nav-pills">
<li><a href="#"><strong>HOME</strong></a></li>
<li class="active"><a href="#"><strong>CAPABILITIES</strong></a></li>
<li><a href="#"><strong>Careers</strong></a></li>
<li><a href="#"><strong>Contracts</strong></a></li>
<li><a href="#"><strong>About Us</strong></a></li>
<li><a href="#"><strong>News</strong></a></li>
<li><a href="#"><strong>Contact us</strong></a></li>
</ul>
</nav>
这是Youtube上的视频，展示了它是如何完成的：Bootstrap 3.1教程1-默认情况下响应式网格布局！
基本上是Dave在此视频中的工作，他制作了2个导航栏，一个导航栏带有导航栏，另一个带有导航栏。Nabvar仅以xs大小可见，而nav-pills隐藏在xs中。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句