-夏昊-

第九篇.bootstrap导航

创建一个标签式的导航菜单的步骤是:

  • 在ul标签上加上class  nav
  • 再ul标签上加上 class .nav-tabs

在li标签上加上 active表示激活该项

<ul class="nav nav-tabs">

        <li class="active"><a href="#">Home</a></li>

        <li><a href="#">SVN</a></li>

        <li><a href="#">iOS</a></li>

        <li><a href="#">VB.Net</a></li>

        <li><a href="#">Java</a></li>

        <li><a href="#">PHP</a></li>

    </ul>

 

 

 

创建一个胶囊式标签只需要把 nav-tabs改成:nav-pills.

<ul class="nav nav-pills">

        <li class="active"><a href="#">Home</a></li>

        <li><a href="#">SVN</a></li>

        <li><a href="#">iOS</a></li>

        <li><a href="#">VB.Net</a></li>

        <li><a href="#">Java</a></li>

        <li><a href="#">PHP</a></li>

    </ul>

 

 

 

 

posted on 2016-06-21 12:36  -夏昊-  阅读(223)  评论(0编辑  收藏  举报

导航