bootstrap-警告框/进度条/列表组/面板
来源:互联网 发布:v版4s支持什么网络 编辑:程序博客网 时间:2024/05/22 07:53
警告框
div.alert
警告框颜色
success/info/warning/danger
可关闭的警告框
<a href="" class="close" data-dismiss="alert">x</a>
警告框的链接
alert-link
进度条
<div class="progress">
<div class="progress-bar progress-bar-danger" style="width: 66%"></div>
</div>
进度条颜色
success/info/warning/danger
条纹进度条
progress-striped
激活进度条
active
回复列表
<div class="media">
<a href="" class="pull-left">
<img src="holder.js/64x64" alt="" class="media-object">
</a>
<div class="media-body">
<h4 class="media-heading">Cras justo odio, dapibus </h4>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravidadapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida</p>
</div>
</div>
媒体对象
.media
.media-left
.media-object
.media-body
.media.heading
列表组
ul.list-group
li.list-group-itme
链接列表
div.list.group
a.list-group-itme active
列表定制内容
<div class="list-group col-md-4">
<a href="" class="list-group-item active">
<h4>Donec id elit non mi</h4>
<p>facilisis in, egestas eget quam. Donec id elit non mi porta gravida dapibus ac facilisis in, egestas eget quam</p>
</a>
<a href="" class="list-group-item">
<h4>Donec id elit non mi</h4>
<p>facilisis in, egestas eget quam. Donec id elit non mi porta gravida dapibus ac facilisis in, egestas eget quam</p>
</a>
<a href="" class="list-group-item">
<h4>Donec id elit non mi</h4>
<p>facilisis in, egestas eget quam. Donec id elit non mi porta gravida dapibus ac facilisis in, egestas eget quam</p>
</a>
</div>
面板
.panel
.panel-primary
.panel-heading
.panel-title
.panel-body
.panel-footer
内嵌框架
embed-responsive
embed-responsive-16by9
embed-responsive-4by3
embed-responsive-item
well
div.well
- bootstrap-警告框/进度条/列表组/面板
- Bootstrap——警告,进度条,列表组,面板,Well
- [学习笔记] bootstrap (九) :布局组件[缩略图,警告,进度条,多媒体列表,列表组,面板,wells]
- Bootstrap---标签,徽章,缩略图,警告文字,进度条,媒体工具,列表,面板
- bs缩略图、警告框、进度条、媒体对象、列表组、面板
- Bootstrap 进度条 列表组
- Bootstrap警告面板
- 3.8Bootstrap学习组件篇之进度条、媒体对象、列表组、面板
- bootstrap列表组、面板、和嵌入组件
- Bootstrap-列表组面板和嵌入组件
- Bootstrap 学习之 (十四) ------警告框与进度条
- Bootstrap列表组、面板和响应式嵌入组件
- Bootstrap学习笔记——缩略图、警示框、进度条、媒体对象、列表组、画板
- bootstrap(警告框、按钮)
- BootStrap警告框
- BootStrap 警告框
- Bootstrap警告框使用方法
- bootstrap-警告框
- 操作系统(进程2)
- Tensorflow之核心教程
- ZooKeeper系列(四)
- nginx+tomcat简单负载均衡配置
- 如何使用php判断服务器是否是HTTPS连接
- bootstrap-警告框/进度条/列表组/面板
- SaltStack实战之SaltStack快速入门
- Spark性能调优(六)
- 手动创建Http服务器(集群Http服务器)
- Kotlin之类和对象
- 网易统计回文
- 【原创】将数据生成json文件下载以及json中文乱码和优化json文件格式的方法
- MD5+salt加密
- mysql EXISTS和NOT EXISTS