摘要：
本章我们将讲解 Bootstrap 中的多媒体对象（Media Object）。这些抽象的对象样式用于创建各种类型的组件（比如：博客评论），我们可以在组件中使用图文混排，图像可以左对齐或者右对齐。媒体对象可以用更少的代码来实现媒体对象与文字的混排。 媒体对象轻量标记、易于扩展的特性是通过向简单的标记 阅读全文
posted @ 2018-06-22 15:41
二进制三
阅读(231)
评论(0)
推荐(0)
摘要：
本章将讲解 Bootstrap 进度条。在本教程中，您将看到如何使用 Bootstrap 创建加载、重定向或动作状态的进度条。 Bootstrap 进度条使用 CSS3 过渡和动画来获得该效果。Internet Explorer 9 及之前的版本和旧版的 Firefox 不支持该特性，Opera 1 阅读全文
posted @ 2018-06-22 15:31
二进制三
阅读(239)
评论(0)
推荐(0)
摘要：
本章将讲解警告（Alerts）以及 Bootstrap 所提供的用于警告的 class。警告（Alerts）向用户提供了一种定义消息样式的方式。它们为典型的用户操作提供了上下文信息反馈。 您可以为警告框添加一个可选的关闭按钮。为了创建一个内联的可取消的警告框，请使用 警告（Alerts） jQuer 阅读全文
posted @ 2018-06-22 15:11
二进制三
阅读(182)
评论(0)
推荐(0)
摘要：
本章将讲解 Bootstrap 缩略图。大多数站点都需要在网格中布局图像、视频、文本等。Bootstrap 通过缩略图为此提供了一种简便的方式。使用 Bootstrap 创建缩略图的步骤如下： 在图像周围添加带有 class .thumbnail 的 <a> 标签。 这会添加四个像素的内边距（pad 阅读全文
posted @ 2018-06-22 15:08
二进制三
阅读(179)
评论(0)
推荐(0)
摘要：
页面标题（Page Header）是个不错的功能，它会在网页标题四周添加适当的间距。当一个网页中有多个标题且每个标题之间需要添加一定的间距时，页面标题这个功能就显得特别有用。如需使用页面标题（Page Header），请把您的标题放置在带有 class .page-header 的 <div> 中： 阅读全文
posted @ 2018-06-22 15:05
二进制三
阅读(2388)
评论(0)
推荐(0)
摘要：
本章将讲解 Bootstrap 支持的另一个特性，超大屏幕（Jumbotron）。顾名思义该组件可以增加标题的大小，并为登陆页面内容添加更多的外边距（margin）。使用超大屏幕（Jumbotron）的步骤如下： 创建一个带有 class .jumbotron. 的容器 <div>。 除了更大的 < 阅读全文
posted @ 2018-06-22 15:02
二进制三
阅读(200)
评论(0)
推荐(0)
摘要：
本章将讲解 Bootstrap 徽章（Badges）。徽章与标签相似，主要的区别在于徽章的边角更加圆滑。 徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要把 <span class="badge"> 添加到链接、Bootstrap 导航等这些元素上即可。 下面的实例演示了这点 阅读全文
posted @ 2018-06-22 14:59
二进制三
阅读(235)
评论(0)
推荐(0)
摘要：
本章将讲解 Bootstrap 标签。标签可用于计数、提示或页面上其他的标记显示。使用 class .label 来显示标签，如下面的实例所示： 结果如下所示： 您可以使用修饰的 class label-default、label-primary、label-success、label-info、l 阅读全文
posted @ 2018-06-22 14:56
二进制三
阅读(163)
评论(0)
推荐(0)
摘要：
本章将讲解 Bootstrap 支持的分页特性。分页（Pagination），是一种无序列表，Bootstrap 像处理其他界面元素一样处理分页。 分页（Pagination） 下表列出了 Bootstrap 提供的处理分页的 class。 默认的分页 下面的实例演示了上表中所讨论的 class . 阅读全文
posted @ 2018-06-22 14:51
二进制三
阅读(256)
评论(0)
推荐(0)
摘要：
面包屑导航（Breadcrumbs）是一种基于网站层次信息的显示方式。以博客为例，面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置。 Bootstrap 中的面包屑导航（Breadcrumbs）是一个简单的带有 .breadcrumb class 的无序列表。分隔符会通 阅读全文
posted @ 2018-06-22 14:43
二进制三
阅读(360)
评论(0)
推荐(0)
浙公网安备 33010602011771号