你的位置:首页 > 软件开发 > 网页设计 > 第九篇.bootstrap导航

第九篇.bootstrap导航

发布时间:2016-06-22 10:00:11
创建一个标签式的导航菜单的步骤是:在ul标签上加上class nav再ul标签上加上 class .nav-tabs。在li标签上加上 active表示激活该项<ul > <li ><a href=&q ...

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

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

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

<ul >

        <li ><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>

 

 第九篇.bootstrap导航

 

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

<ul >

        <li ><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>

 第九篇.bootstrap导航

 

 

 


原标题:第九篇.bootstrap导航

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录