本文示例介绍了Bootstrap布局组件应用，分享给大家供大家参考，具体内容如下
字体图标的应用示例
下拉菜单示例
按钮工具栏与按钮组
按钮下拉菜单
表单中的输入框组
导航（tab标签页）
标签式的导航菜单
基本的胶囊式导航菜单
垂直的胶囊式导航菜单
导航栏
响应式的导航栏
以下金黄色部分为对一般的导航栏的区别
面包屑导航
分页和翻页
- «
- 1
- 2
- 3
- 4
- 5
- »
- Previous
- Next
- ← Older
- Newer →
标签
默认标签 主要标签 成功标签 信息标签 警告标签 危险标签
徽章
徽章比标签更圆滑，主要用于突出显示新的或未读的项
超大屏幕
欢迎登陆页面！这是一个超大屏幕（Jumbotron）的实例。
学习更多
页面标题示例
页面标题实例 子标题
缩略图
缩略图标签一些示例文本。一些示例文本。
按钮 按钮
警告
成功！很好地完成了提交。 成功！很好地完成了提交。 警告！请不要提交。 错误！请进行一些更改。
进度条
90% 完成（成功） 40% 完成 30% 完成（信息） 20% 完成（警告）
媒体标签
.media：该 class 允许将媒体对象里的多媒体（图像、视频、音频）浮动到内容区块的左边或者右边。
.media-list：如果你需要一个列表，各项内容是无序列表的一部分，可以使用该 class。可用于评论列表与文章列表。
-
媒体标题
这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。
嵌套的媒体标题 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。
嵌套的媒体标题 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。
嵌套的媒体标题 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。
-
媒体标题 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。
列表组
- 免费域名注册
- 新 24*7 支持
- 每年更新成本
- 新 折扣优惠
入门网站包
免费域名注册
您将通过网页进行免费域名注册。
24*7 支持
我们提供 24*7 支持。
面板
带有 title 的面板标题 面板内容
| 产品 | 价格 |
|---|---|
| 产品 A | 200 |
| 产品 B | 400 |
- 免费域名注册
- 免费 Window 空间托管
- 图像的数量
- 24*7 支持
- 每年更新成本
well效果
Well 是一种会引起内容凹陷显示或插图效果的容器
您好，我在大的 Well 中！ 您好，我在小的 Well 中！
如果大家还想深入学习，可以点击这里进行学习，再为大家附两个精彩的专题：Bootstrap学习教程 Bootstrap实战教程
以上就是本文的全部内容，希望对大家的学习有所帮助。
