-
如果需要兼容旧的浏览器，px写前面，rem用来覆盖
查看全部 -
插件引用：
1、bootstrap插件依赖bootstrap.js
2、bootstrap.js基于jQuery（引用jQuery之后才能引入bootstrap.js，注意先后顺序不能搞反）
注意：不同版本的bootstrap.js依赖的jQuery版本不一样
data属性：
1、通过data属性控制页面交互
2、$(document).off('.data-api')解除属性绑定
查看全部 -
面板：
1、.panel代表面板
2、.panel-body代表面板内容
3、.panel-footer代表面板的注脚
<div class="panel panel-default">//-primary、-success、----
<div class="panel-heading">
面板头部
</div>
<div class="panel-body">
面板内容
</div>
<div class="panel-footer">
面板尾部
</div>
</div>
查看全部 -
列表：
1、.list-group代表列表组
2、.badge代表状态数：徽章
3、.active代表选中状态
查看全部 -
进度条：
<div class="progress">
<div class="progress-bar progress-bar-danger progress-bar=striped" >
进度条+红色+斑马线+宽度60%
</div>
</div>
查看全部 -
分页：
1、.pagination在父元素中添加表示分页
2、.pager放置在翻页区域
3、.previous把链接向左对其，.next把链接向右对齐
查看全部 -
导航：
1、以一个带有class.nav的无序列表开始
2、.nav-tabs代表可切换的导航
3、.nav-pills代表胶囊导航
4、.nav-justified使导航垂直
添加一个active的class，可使得指定导航元素被选中
查看全部 -
<div class="input-group">
<span class="input-group-addon">$</span>
<input type="text" class="form-control">
</div>
查看全部 -
下拉菜单：
1、.dropdown控件为下拉
2、.dropdown-menu-right代替.pull-right右对齐3.1.0版本以后
3、divider分割线
查看全部 -
bootstrap组件-怪异的属性
1、role（HTML5的标签属性，是给特定的浏览器工具如盲文使用的）
2、aria-label
3、tabIndex控制键盘中tab键控间中进行移动
4、data-
查看全部 -
bootstrap组件：
——一些零件的组合；（包括字体图标、下拉菜单、警告框、弹出框）
——一个网站、一个APP或者一个系统的构建；
查看全部 -
字体图标——特点：
-体积小便于加载
-无需重复设计
-方便引用
查看全部 -
网页开发中的单位：
-px 相对于显示屏幕分辨率的长度单位，但其大小无法跟随屏幕放大缩小，不过所有的浏览器都支持px单位
-em 相对于当前文本内的字体尺寸，1em = 16px（但不完全是），em会继承父级元素的字体大小，IE的部分浏览器并不支持em,em在谷歌是12px，在safi是10px，在火狐是18px，em是不稳定的
-rem 与 em类似，相对于HTML根节点的字体单位，rem会继承根元素的字体大小，html{font-size:62.5%}——10个像素（16的62.5%）
查看全部 -
meta标签中的viewpoint：
width（device-width）、height
user-scalable（yes或no，允许或禁止用户缩放网页）、initial-scale（网页初始化大小原始尺寸倍数，一般为1，原网页大小）
maximum-scale、minimun-scale（控制移动端网页是否可放大缩小的倍数）
响应式网页的特点：
事业开阔多变、信息丰富
排版新颖随意、设计师发挥空间较大
适用于PC和手机端
查看全部 -
图片形状控制：
圆角：加类img-rounded
圆形：加类img-circle
带有边框的圆角图形：加类img-thumbnail
bootstrap中的辅助类：
文本颜色：
背景颜色
状态设置
三角符号
查看全部
举报