HTML5技术

第九篇.bootstrap导航 - -夏昊-

字号+ 作者:H5之家 来源:H5之家 2016-06-24 16:00 我要评论( )

创建一个标签式的导航菜单的步骤是: 在ul标签上加上class nav 再ul标签上加上 class .nav-tabs。 在li标签上加上 active表示激活该项 ul lia href="#"Home/a/li lia href="#"SVN/a/li lia href="#"iOS/a/li lia href="#"VB.Net/a/li lia href="#"Java/a/li l

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

  • 在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>

     

     

     

    创建一个胶囊式标签只需要把 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>

     

     

     

     

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • Bootstrap 我的学习记录3 导航条理解 - 浪迹灬天涯

      Bootstrap 我的学习记录3 导航条理解 - 浪迹灬天涯

      2016-12-17 10:00

    • 居中导航 - 刘江龙

      居中导航 - 刘江龙

      2016-11-03 13:00

    • javascript运动系列第九篇——碰撞运动 - 小火柴的蓝色理想

      javascript运动系列第九篇——碰撞运动 - 小火柴的蓝色理想

      2016-10-29 18:00

    • 纯CSS3单页切换导航菜单界面设计 - 爱上程序猿

      纯CSS3单页切换导航菜单界面设计 - 爱上程序猿

      2016-08-19 11:00

    网友点评
    g