Bootstrap导航条的使用和理解3
以下理论内容copy自Bootstrap中文网 (一个不错的bootstrap学习网站) 导航条默认样式的导航条 导航条是在您的应用或网站中作为导航页头的响应式基础组件。它们在移动设备上可以折叠(并且可开可关),且在视口(viewport)宽度增加时逐渐变为水平展开模式。 以下代码和注释是我学习过程中的理解 (注意 引入必要的.css 和 .js查看)
Bootstrap 导航条模板
<nav class="navbar navbar-default"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 更多 <a class="navbar-brand" href="#">Brand <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <p class="navbar-text">文本内容 <form class="navbar-form navbar-left" role="search"> <p class="navbar-text">正常文本<a href="#" class="navbar-link"> 非导航链接 <script src="lib/jquery/jquery.js"> |