Bootstrap徽章（Badges）本章将讲解Bootstrap徽章（Badges）。徽章与标签相似，主要的区别在于徽章的边角更加圆滑。徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要把添加到链接、Bootstrap导航等这些元素上即可。下面的实例演示了这点：实例展示未读邮件：ahref="#">Mailboxspanclass="badge">50span>a>尝试一下»结果如下所示：当没有新的或未读的项时，通过CSS的:empty选择器，徽章会折叠起来，表示里边没有内容。实例展示未读消息：divclass="container">h2>徽章h2>p>.badge类
Bootstrap徽章（Badges）本章将讲解Bootstrap徽章（Badges）。徽章与标签相似，主要的区别在于徽章的边角更加圆滑。徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要把添加到链接、Bootstrap导航等这些元素上即可。下面的实例演示了这点：实例展示未读邮件：ahref="#">Mailboxspanclass="badge">50span>a>尝试一下»结果如下所示：当没有新的或未读的项时，通过CSS的:empty选择器，徽章会折叠起来，表示里边没有内容。实例展示未读消息：divclass="container">h2>徽章h2>p>.badge类
Bootstrap标签本章将讲解Bootstrap标签。标签可用于计数、提示或页面上其他的标记显示。使用class.label来显示标签，如下面的实例所示：实例h1>ExampleHeadingspanclass="labellabel-default">Labelspan>h1>h2>ExampleHeadingspanclass="labellabel-default">Labelspan>h2>h3>ExampleHeadingspanclass="labellabel-default">Labelspan>h3>h4>ExampleHeadingspanclass="labellabe
Bootstrap标签本章将讲解Bootstrap标签。标签可用于计数、提示或页面上其他的标记显示。使用class.label来显示标签，如下面的实例所示：实例h1>ExampleHeadingspanclass="labellabel-default">Labelspan>h1>h2>ExampleHeadingspanclass="labellabel-default">Labelspan>h2>h3>ExampleHeadingspanclass="labellabel-default">Labelspan>h3>h4>ExampleHeadingspanclass="labellabe
Bootstrap分页本章将讲解Bootstrap支持的分页特性。分页（Pagination），是一种无序列表，Bootstrap像处理其他界面元素一样处理分页。分页（Pagination）下表列出了Bootstrap提供的处理分页的class。Class描述示例代码.pagination添加该class来在页面上显示分页。«1........disabled,.active您可以自定义链接，通过使用.disabled来定义不可点击的链接，通过使用.active来指示当前的页面。«1(current)........pagination-lg,.pagination-s
Bootstrap分页本章将讲解Bootstrap支持的分页特性。分页（Pagination），是一种无序列表，Bootstrap像处理其他界面元素一样处理分页。分页（Pagination）下表列出了Bootstrap提供的处理分页的class。Class描述示例代码.pagination添加该class来在页面上显示分页。«1........disabled,.active您可以自定义链接，通过使用.disabled来定义不可点击的链接，通过使用.active来指示当前的页面。«1(current)........pagination-lg,.pagination-s
Bootstrap面包屑导航（Breadcrumbs）面包屑导航（Breadcrumbs）是一种基于网站层次信息的显示方式。以博客为例，面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置。Bootstrap中的面包屑导航（Breadcrumbs）是一个简单的带有.breadcrumbclass的无序列表。分隔符会通过CSS（bootstrap.min.css）中下面所示的class自动被添加：.breadcrumb>li+li:before{color:#CCCCCC;content:"/";padding:05px;}下面的实例演示了面包屑导航：实例ulclass
Bootstrap面包屑导航（Breadcrumbs）面包屑导航（Breadcrumbs）是一种基于网站层次信息的显示方式。以博客为例，面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置。Bootstrap中的面包屑导航（Breadcrumbs）是一个简单的带有.breadcrumbclass的无序列表。分隔符会通过CSS（bootstrap.min.css）中下面所示的class自动被添加：.breadcrumb>li+li:before{color:#CCCCCC;content:"/";padding:05px;}下面的实例演示了面包屑导航：实例ulclass
Bootstrap导航栏 导航栏是一个很好的功能，是Bootstrap网站的一个突出特点。导航栏在您的应用或网站中作为导航页头的响应式基础组件。导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平展开。在Bootstrap导航栏的核心中，导航栏包括了站点名称和基本的导航定义样式。默认的导航栏创建一个默认的导航栏的步骤如下： 向标签添加class.navbar、.navbar-default。 向上面的元素添加role="navigation"，有助于增加可访问性。 向元素添加一个标题class.navbar-header，内部包含了带有classnavbar-brand的元
Bootstrap导航栏 导航栏是一个很好的功能，是Bootstrap网站的一个突出特点。导航栏在您的应用或网站中作为导航页头的响应式基础组件。导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平展开。在Bootstrap导航栏的核心中，导航栏包括了站点名称和基本的导航定义样式。默认的导航栏创建一个默认的导航栏的步骤如下： 向标签添加class.navbar、.navbar-default。 向上面的元素添加role="navigation"，有助于增加可访问性。 向元素添加一个标题class.navbar-header，内部包含了带有classnavbar-brand的元
