Bootstrap 导航元素组件实例


@{
    Layout = null;
}





    
    daohang
    
    
    


    @*.nav nav-tabs标签页*@
    

标签页

.nav-tabs 类用于创建导航标签:

@*.nav nav-pills胶囊式标签页*@

标签页

.nav-pills 用于创建胶囊式标签页:

@*.nav nav-pills nav-stacked胶囊式标签页以垂直方向堆叠排列的*@

标签页

.nav-stacked 类用于创建以垂直方向堆叠排列的胶囊式标签页:

@*.nav-justified:两端对齐的标签页,在大于 768px 的屏幕上,通过 .nav-justified 类可以很容易的让 标签页或胶囊式标签呈现出同等宽度。在小屏幕上,导航链接呈现堆叠样式。*@

两端对齐的标签页

在大于 768px 的屏幕上,通过 .nav-justified 类可以很容易的让标签页或胶囊式标签呈现出同等宽度。在小屏幕上,导航链接呈现堆叠样式。


@*.disabled:禁用的标签页*@

禁用的标签页

.disabled 类用于设置禁用的标签页:


@*标签添加下拉菜单*@

标签页添加下拉菜单

@*带下拉菜单的胶囊式标签页*@

带下拉菜单的胶囊式标签页

@*.tab-content:与 .tab-pane 和 data-toggle="tab" (data-toggle="pill" ) 一同使用, 设置标签页对应的内容随标签的切换而更改*@

动态标签

提示: 与 .tab-pane 和 data-toggle="tab" (data-toggle="pill" ) 一同使用, 设置标签页对应的内容随标签的切换而更改。

首页

菜鸟教程 —— 学的不仅是技术,更是梦想!!!

@*.tab-pane:与 .tab-content 和 data-toggle="tab" (data-toggle="pill")一同使用, 设置标签页对应的内容随标签的切换而更改*@

动态标签

提示: 与 .tab-pane 和 data-toggle="tab" (data-toggle="pill" ) 一同使用, 设置标签页对应的内容随标签的切换而更改。

首页

菜鸟教程 —— 学的不仅是技术,更是梦想!!!

 

你可能感兴趣的:(前端,Bootstrap)