-
基础列表组查看全部
-
备记列表组查看全部
-
网格系统的宽度按照比例显示，也算是狭义上的固定宽度，当“列”中的文字长度超过“列”的宽度时，文字会自动换行，此时该列的高度也随之变化。假设其余列高度不变，这个列的高比其他的高，且这个列在第一列位置（随便，只是为了好说明情况），如果后面的网格有出现“列断行”情况，那后面的网格是会出现什么情况？位置是在下一行第一列？还是在下一行的第二列（也就是第一行第一列的右下角）？ 电脑有问题 记录查看全部
-
<div class="caption"> 中包含标题，文本描述等内容；与此同时，这个类被包含在<div class="col-xs-6 col-md-3"> 中查看全部
-
通过添加类名改变图片呈现的样式，需要注意代码查看全部
-
<div class="col-xs-6 col-md-3"> 上面的结构表示的是在宽屏幕（可视区域大于768px）的时候，一行显示四个缩略图(单击全屏查看效果)：否则一行显示两个略缩图；如果有好多张图片，也是按照上面的排列方式展示图片查看全部
-
<div class="panel panel-default"> -- 面板中嵌套表格 <div class="panel-heading">图解CSS3</div> <div class="panel-body"> <p>详细讲解了选择器、边框、背景、文本、颜色、盒模型、伸缩布局盒模型、多列布局、渐变、过渡、动画、媒体、响应Web设计、Web字体等主题下涵盖的所有CSS3新特性 </p> <table class="table table-bordered"> <thead> <tr> <th>＃</th> <th>我的书</th> <th>发布时间</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>《图解CSS3》</td> <td>2014-07-10</td> </tr> </tbody> </table> </div> <div class="panel-footer">作者：大漠</div>查看全部
-
panel panel-efault --基础 panel-heading panel-body panel-footer panel-primary --蓝色 panel-success --绿色 panel-info --淡蓝 panel-warning --淡黄 panel-danger --红色查看全部
-
<div class="panel panel-default"> --面板 <div class="panel-heading">panel header</div> <div class="panel-body">panel-body</div> <div class="panel-footer">panel-foot</div> </div>查看全部
-
list-group-item-success：成功，背景色绿色 list-group-item-info：信息，背景色蓝色 list-group-item-warning：警告，背景色为黄色 list-group-item-danger：错误，背景色为红色查看全部
-
<div class="list-group"> -- 带链接的列表组 <a href="##" class="list-group-item">图解CSS3</a> <a href="##" class="list-group-item"><span class="badge">220</span>Sass教程</a> <a href="##" class="list-group-item">玩转Bootstrap</a> </div>查看全部
-
list-group：列表组容器，常用的是ul元素，当然也可以是ol或者div元素 list-group-item：列表项，常用的是li元素，当然也可以是div元素查看全部
-
media -- 1 media-body --文字div media-heading --文字标题 media-object --图片类名查看全部
-
<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="progress progress-striped active">-progress-striped active 动态进度条 <div class="progress-bar" ></div> </div>查看全部
举报
0/150
提交
取消