二级导航

为二级导航设置不同的样式风格

用法

示例

代码

<ul class="subnav">
    <li class="active"><a href="">...</a></li>
    <li id="p"><a href="">...</a></li>
    <li class="disabled"><a href="">...</a></li>
</ul>

修饰

示例

代码

<ul class="subnav subnav-tab">...</ul>
<ul class="subnav subnav-pill">...</ul>
<ul class="subnav subnav-line">...</ul>

二级导航位置

示例

代码

<ul class="subnav subnav-tab">...</ul>
<ul class="subnav subnav-tab-flip">...</ul>
<ul class="subnav subnav-tab-bottom">...</ul>
<ul class="subnav subnav-tab-bottom-flip">...</ul>

<ul class="subnav subnav-tab-left">...</ul>
<ul class="subnav subnav-tab-right">...</ul>

二级导航堆叠

示例

代码

<ul class="subnav subnav-stacked subnav-pill">...</ul>
<ul class="subnav subnav-stacked subnav-line">...</ul>

两端对齐二级导航

示例

代码

<ul class="subnav subnav-justify subnav-tab">...</ul>
<ul class="subnav subnav-justify subnav-pill">...</ul>