我了解到 Bootstrap 3 随附一个导航栏,当在较小的屏幕上查看时会折叠。然而,我不喜欢这种导航栏的外观,并决定使用
nav-pills
类来设计我的主要导航菜单。是否可能在手机设备上查看时折叠我的 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>