bootstrap页面缩小导航收缩和展开

来源：互联网发布：程序员漫画编辑：程序博客网时间：2024/05/02 05:52

导航使用ulli标签时，当页面缩小时，菜单收缩

<div class="navbar navbar-default" role="navigation">    　<div class="navbar-header">    　    <a href="##" class="navbar-brand">慕课网</a>    　</div>    <ul class="nav navbar-nav">        <li><a href="##" class="navbar-text">Navbar Text</a></li>        <li><a href="##" class="navbar-text">Navbar Text</a></li>        <li><a href="##" class="navbar-text">Navbar Text</a></li>    </ul></div>

导航使用div标签时，当页面缩小时，菜单不收缩
<div class="navbar navbar-default" role="navigation">    　<div class="navbar-header">    　    <a href="##" class="navbar-brand">慕课网</a>    　</div>    <div class="nav navbar-nav">        <a href="##" class="navbar-text">Navbar Text</a>        <a href="##" class="navbar-text">Navbar Text</a>        <a href="##" class="navbar-text">Navbar Text</a>    </div></div>

阅读全文

0 0