文本和链接,导航条二级菜单

 

ca88亚洲城官网手机, 

文本和链接,导航条二级菜单。 

 

  Bootstrap框架的导航条中除了行使navbar-brand中的a成分和navbar-nav的ul和navbar-form之外,还足以动用别的因素。框架提供了三种其余样式:

  在导航条中增添二级菜单也极度简单

  好多气象之一,设计员希望导航条固定在浏览器最上部或尾巴部分,这种固定式导航条的行使在活动端支出中特别广阔。Bootstrap框架提供了二种固定导航条的不二等秘书诀:

  在炮制贰个基础导航条时,主要分以下几步:

  1、导航条中的按键navbar-btn

<div class="navbar navbar-default" role="navigation">     <div class="navbar-header">         <a href="##" class="navbar-brand">导航条</a>     </div>      <ul class="nav navbar-nav">           <li class="active"><a href="##">网站首页</a></li>          <li class="dropdown">            <a href="##" data-toggle="dropdown" class="dropdown-toggle">系列教程</a>            <ul class="dropdown-menu">              <li><a href="##">CSS3</a></li>              <li><a href="##">JavaScript</a></li>              <li class="disabled"><a href="##">PHP</a></li>            </ul>         </li>         <li><a href="##">名师介绍</a></li>         <li><a href="##">成功案例</a></li>         <li><a href="##">关于我们</a></li>      </ul>  </div>

 

  第一步:首先在创设导航的列表(<ul
class=”nav”>)基础上增添类名“navbar-nav”

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图