摘要:
Bootstrap历练实例:动画的进度条 70%完成(成功) 阅读全文
摘要:
Bootstrap历练实例:堆叠的进度条 40%完成(成功) 30%完成(成功) 20%完成(成功) 阅读全文
摘要:
90%完成(成功) 70%完成(成功) 50%完成(成功) 30%完成(成功... 阅读全文
摘要:
Bootstrap历练实例:默认的进度条 40% 完成 阅读全文
摘要:
Bootstrap历练实例:带链接的警告 成功,很好地完成了提交。 信息,这是一个很重要的信息。 警告,这个不能提交。... 阅读全文
摘要:
Bootstrap历练实例:可取消的警告 × 成功,很好地进行了提交。 ... 阅读全文
摘要:
本章将讲解警告(Alerts)以及bootstrap所提供的用于警告的class类。警告(Alerts)向用户提供了一种定义消息样式的方式。它们为典型的用户操作提供了上下文信息反馈。您可以为警告框添加一个可选的关闭按钮。为了创建一个内联的可取消的警告框,请使用警告(Alerts) jQuery 插件... 阅读全文
摘要:
缩略图标签 一些示例文本,... 阅读全文
摘要:
本章将讲解Bootstrap缩略图,大多数站点都需要要在网格中布局图像,视频,文本。Bootstrap通过缩略图为此提供了一些简便的方法,使用Bootstrap创建缩略图的步骤如下:1、在图像的周围添加带class.thumbnail类的标签。2、这会添加四个像素的内边距和一个灰色的边框。3、当鼠标... 阅读全文
摘要:
Bootstrap页面标题(PageHeader)是个不错功能,它会网页的标题的四周添加适当的间距,当一个网页中有多个标题并且每个标题之间需要添加一定适当的间距,使用页面标题是非常有用的。如果需要使用页面标题,你把标题放到一个class.pageheader类的div中。实例: ... 阅读全文
摘要:
本章将讲解Bootstrap的一个特性:超大屏幕(Jumbonron),顾名思义该组件可以增加标题的大小,并为登录页面的内容添加更多的外边矩。使用超大屏幕的步骤如下:1、创建一个还有class.jumbonron类的div2、除了更大的 ,字体粗细font-weight被减为 200px。实例: ... 阅读全文
摘要:
激活导航状态您可以在激活状态的胶囊式导航和列表导航中放置徽章。通过使用来激活链接,如下面的实例所示: Bootstrap历练实例:激活导航的状态 Html556 Css3 Bootstr... 阅读全文
摘要:
本章将讲解Bootstrap徽章(Badges),徽章与标签相似,主要的区别是徽章的圆角比较圆滑。徽章(Badges)主要用于突出显示新的或未读的项,如果使用徽章,只需要把添加到链接,bootstrap导航等这些元素上即可。 阅读全文
摘要:
您可以使用修饰的 classlabel-default、label-primary、label-success、label-info、label-warning、label-danger来改变标签的外观,如下面的实例所示: Bootstrap历练实例:标签修饰 ... 阅读全文
摘要:
本章将讲解bootstrap标签,标签可用于计数,提示和页面上其它的标记显示。使用class.laber来显示标签,如下面的实例所示 Bootstrap历练实例:标签(label) This Is Heading:Label This Is... 阅读全文
摘要:
翻页的状态下面的实例演示了上表中所讨论的 class.disabled的用法: bootstrap 翻页的状态 ←Older Newer→ 阅读全文
摘要:
bootstrap 翻页(对齐的链接) ←Older Newer→ 阅读全文
摘要:
如果您想要创建一个简单的分页链接为用户提供导航,可以通过翻页来实现。与分布链接一样,也是一个无序列表。默认情况下,翻页是居中显示的。下面列出了bootstrap处理翻页的类。Class描述示例代码.pager添加该 class 来获得翻页链接。 Previous Next.previous, .... 阅读全文
摘要:
分页的大小下面的实例演示了上表中所讨论的 class.pagination-*的用法: Bootstrap历练实例:分页的大小 « 1 2 3 ... 阅读全文
摘要:
分页的状态下面的实例演示了上表中所讨论的 class.disabled、.active的用法: Bootstrap历练实例:分页状态 « 1 2 3 ... 阅读全文