zoukankan      html  css  js  c++  java
  • Bootstrap3系列:导航

    1. 标签页

      .nav添加.nav-tabs设计标签页,.nav-tabs 依赖 .nav 基类。

    1.1 示例代码

    <ul class="nav nav-tabs">
        <li class="active"><a href="#">首页</a></li>
        <li><a href="#">个人设置</a></li>
        <li><a href="#">消息中心</a></li>
    </ul>

    1.2 示例效果

    2. 胶囊式标签页

      .nav添加.nav-pills设计胶囊式标签页

    2.1 示例代码

    <ul class="nav nav-pills">
        <li class="active"><a href="#">首页</a></li>
        <li><a href="#">个人设置</a></li>
        <li><a href="#">消息中心</a></li>
    </ul>

    2.2 示例效果

    3. 胶囊式标签页垂直排列

      在<ul class="nav nav-pills">添加.nav-stacked设计胶囊式标签页垂直排列。

    3.1 示例代码

    <ul class="nav nav-pills nav-stacked">
        <li class="active"><a href="#">首页</a></li>
        <li><a href="#">个人设置</a></li>
        <li><a href="#">消息中心</a></li>
    </ul>

    3.2 示例效果

  • 相关阅读:
    [bzoj3123] [Sdoi2013]森林
    [bzoj2173] 整数的lqp拆分
    Linux
    使用高德地图API
    EF具体用在什么类型的项目上
    出现Data Tools 与VS 不兼容问题
    Entity FramWork
    Entity
    Entity
    BASH
  • 原文地址:https://www.cnblogs.com/libingql/p/5847644.html
Copyright © 2011-2022 走看看