-
fade 添加在modal类中 添加过度效果查看全部
-
<div class="modal" id="mymodal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title">模态弹出窗标题</h4> </div> <div class="modal-body"> <p>模态弹出窗主体内容</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary">保存</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal -->查看全部
-
panel用法<div class="panel panel-default"> <div class="panel-heading">图解CSS3</div> <div class="panel-body"> 详细讲解了选择器、边框、背景、文本、颜色、盒模型、伸缩布局盒模型、多列布局、渐变、过渡、动画、媒体、响应Web设计、Web字体等主题下涵盖的所有CSS3新特性 </div> <div class="panel-footer">作者：大漠</div> </div>查看全部
-
<h3>多彩列表组</h3> <div class="list-group"> <a href="##" class="list-group-item active"><span class="badge">5902</span>图解CSS3</a> <a href="##" class="list-group-item list-group-item-success"><span class="badge">15902</span>W3cplus</a> <a href="##" class="list-group-item list-group-item-info"><span class="badge">59020</span>慕课网</a> <a href="##" class="list-group-item list-group-item-warning"><span class="badge">0</span>Sass中国</a> <a href="##" class="list-group-item list-group-item-danger"><span class="badge">10</span>Mobile教程</a> 列表的头部list-group-item-heading 列表的文本list-group-item-text查看全部
-
媒体对象列表 在外面的ul中添加类名media-list 就可以实现垂直对齐查看全部
-
<div class="media"> <a class="pull-left" href="#"> <img class="media-object" src="http://img1.sycdn.imooc.com//52e1d29d000161fe06000338-300-170.jpg" alt="..."> </a> <div class="media-body"> <h4 class="media-heading">系列：十天精通CSS3</h4> <div>全方位深刻详解CSS3模块知识，经典案例分析，代码同步调试，让网页穿上绚丽装备！</div> </div> </div>查看全部
-
<div class="media"> <a class="pull-left" href="#"> <img class="media-object" src="http://tp2.sinaimg.cn/3306361973/50/22875318196/0" alt="..."> </a> <div class="media-body"> <h4 class="media-heading">慕课网</h4> <div>大漠写的《玩转Bootstrap》系列教程即将会在慕课网上发布</div>查看全部
-
进度条<div class="progress"> 设置进度 <div class="progress-bar progress-bar-success" ></div> </div> 样式 基本进度条progress-bar 彩色progress-bar 具体的再加上颜色 条纹progeress-striped 动态:后面添加active查看全部
-
在a链接中添加类text-link查看全部
-
缩略图下面的描述写在 《div class="caption"》 内查看全部
-
thumbnail 缩略图 在图片的链接中添加 <a href="#" class="thumbnail"> <img > </a>查看全部
-
badge <span class="badge">23</span用于点赞 提示信息查看全部
-
label label-default 用来告诉用户一些额外的消息 可以更改其他颜色 （用法和其他的颜色一样）查看全部
-
上页或者下页 用pager <ul class="pager"> <li class="previous"><a href="#">«上一页</a></li> <li class="next"><a href="#">下一页»</a></li> </ul>查看全部
-
pagination 分页查看全部
举报
0/150
提交
取消