Html 如何从侧面折叠引导导航栏
如何从侧面折叠引导导航栏 如果您在手机上或通过缩小浏览器窗口的宽度查看此项目,则导航栏仅显示项目名称。然后单击侧面的小按钮可以查看整个菜单 我如何将其更改为类似于stripe.com为移动浏览器提供的功能 从侧面有导航条试试这个 在您拥有Html 如何从侧面折叠引导导航栏,html,css,twitter-bootstrap,twitter-bootstrap-3,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,如何从侧面折叠引导导航栏 如果您在手机上或通过缩小浏览器窗口的宽度查看此项目,则导航栏仅显示项目名称。然后单击侧面的小按钮可以查看整个菜单 我如何将其更改为类似于stripe.com为移动浏览器提供的功能 从侧面有导航条试试这个 在您拥有引导组合.min.css文件和头部部分中的之前 <div class="row-fluid"> <div class="navbar navbar-inverse"> <div class="navbar-inner">
引导组合.min.css
文件和头部
部分中的
之前
<div class="row-fluid">
<div class="navbar navbar-inverse">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#"><i class="icon-home icon-white"></i> Home</a></li>
<li><a href="#">Features</a></li>
<li><a href="">Pricing</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">More<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Blog</a></li>
<li><a href="#">About US</a></li>
<li><a href="#">Jobs</a></li>
</ul>
</li>
<li><a href="https://stripe.com/docs">Documentation</a></li>
<li><a href="https://support.stripe.com/">Help & Support</a></li>
<li class="button"><a href="https://manage.stripe.com/login">Sign in</a></li>
</ul>
</div><!-- /.nav-collapse -->
</div><!-- /.container -->
</div><!-- /.navbar-inner -->
</div><!-- /.navbar -->
Fiddle
不停摆弄
引导3 看看这个“非画布”。您将看到
导航折叠
在较小的视口中从右侧填充
引导程序4: