1、普通导航:class .nav-tabs。 2、胶囊式导航: class .nav-pills 。 3、垂直胶囊式导航:class .nav-stacked.nav-pills 。 4、两端对齐的导航:在屏幕宽度大于 768px 时,通过在分别使用 .nav、.nav-tabs 或 .nav、. ...
分类:
其他好文 时间:
2016-07-06 10:08:47
阅读次数:
134
Bootstrap 下拉菜单(Dropdown)插件 Bootstrap 下拉菜单 这一章讲解了下拉菜单,但是没有涉及到交互部分,本章将具体讲解下拉菜单的交互。使用下拉菜单(Dropdown)插件,您可以向任何组件(比如导航栏、标签页、胶囊式导航菜单、按钮等)添加下拉菜单。 用法 您可以切换下拉菜单 ...
分类:
Web程序 时间:
2016-06-06 23:38:26
阅读次数:
444
标签页(Tab)在Bootstrap导航元素一章中简介过,通过结合一些data属性,您可以轻松地创建一些标签页界面。通过这个插件您可以把内容放置在标签页或胶囊式标签页甚至是下拉菜单标签页中。用法您可以通过以下两个方式来启用标签页1、通过data属性:您需要添加data-toggle="tab"或da...
分类:
其他好文 时间:
2015-11-29 16:21:28
阅读次数:
232
使用下拉菜单的插件,您可以向任何组件(比如:导航栏,标签页,胶囊式导航,按钮)添加下拉菜单用法您可以切换下拉菜单(dropdown)插件隐藏内容1、通过data属性,向链接或按钮添加data-toggle="dropdown"来切换下拉菜单。 下拉菜单触发器 ...
分类:
其他好文 时间:
2015-11-28 21:34:17
阅读次数:
196
一、导航元素1.表格导航或标签以一个带有 class.nav的无序列表开始。添加 class.nav-tabs。 标签式的导航菜单 Home SVN iOS asp.Net Java PHP效果:2.胶囊式的导航菜单如果需要把标签改成胶...
分类:
其他好文 时间:
2015-11-05 13:35:35
阅读次数:
223
标签式导航的应用 C C++ Java C# PHP 胶囊式导航的应用 C C++ Java C# PHP 垂直式导航的应用 C C++ Java C# PHP 标签式导航的应用 C C++ Java C# PHP 胶囊式导航的应用 C C++ Java ...
分类:
其他好文 时间:
2015-08-27 00:08:53
阅读次数:
147
.nav——指定列表元素为导航组件;
.nav-tabs——指定导航组件的样式为标签页;
.nav-pills——指定导航组件的样式为胶囊式标签页;
.nav-stacked——指定标签页的样式为垂直堆叠排列;
.nav-justified——指定标签页的样式为两端对齐;
.disabled——设置导航栏组件的菜单项为禁用样式;
组件_导航条
...
分类:
其他好文 时间:
2015-07-31 01:23:52
阅读次数:
126
标签页可以在一个页面中切换显示的内容。要构成标签页需要两个元素。第一个是一个列表 nav-tabs 可换成nav-pills 由标签切换成胶囊式样式。 Home some link text...的列表。第二个元素是内容,是一个tab-content的块,里面每个元素需要指定id. ......
分类:
其他好文 时间:
2015-04-17 15:23:01
阅读次数:
115
案例通过此插件可以为几乎所有东西添加下拉菜单,包括导航条、标签页、胶囊式按钮。用于导航条导航条分为四个部分。第一部分导航头,第二部分导航列,第三部分form查询表单,第四部分导航列。[javascript]view plaincopyTogglenavigationBrandLinkLinkDrop...
分类:
Web程序 时间:
2014-10-09 01:53:57
阅读次数:
394
在本文中,您将学习如何使用 Bootstrap
工具包来创建基于导航、标签、胶囊式标签的导航。基于标签的导航nav nav-tabs Bootstrap 基本的基于标签的导航实例 Home ...
分类:
其他好文 时间:
2014-05-08 12:54:53
阅读次数:
431