-
Bootstrap 全局样式的特点
代码整洁
风格统一
美观易用
查看全部 -
标题对应的字号h1=36px;
查看全部 -
先引入css(min) 再引入jQuery 再引入js(min)
查看全部 -
【Bootstrap的特性】
响应式设计、栅格布局、完整的类库
JQuery插件、不同的使用场景
【Jetstrap】
专门针对Bootstrap的开发工具：Jetstrap
地址：jetstrap.com
【Btootstrap下载地址】
中文地址：www.bootcss.com
查看全部 -
1-1bootstrap简介 （1）bootstrap是twitter公司开发基于HTML\CSS\javascript 的前端框架 （2）为实现web应用程序快速开发提供的一套前端工具包 （3）响应式布局 （4）移动设备优先 目标：1）bootstrap全局样式2）viewport的意义3）栅格化布局 4）字体、图标 5）实现响应式布局开发
查看全部 -
h1 36px
h2 30px
h3 24px
h4 18px
h5 14px
h6 12px
查看全部 -
表格的样式
table table-striped table-bordered table-hover
表格信息样式
success
warning
info
danger
active
查看全部 -
Bootstrap中的插件-data属性
通过data属性控制页面交互
$(document).off('.data-api') 解除属性绑定
查看全部 -
面板
.panel 代表面板
.panel-heading 代表面板头部
.panel-body 代表面板内容
.panel-footer 代表面板的注脚
查看全部 -
列表
.list-group 代表列表组
.list-group-item 代表列表项
.badge 代表状态数
.active 代表选中状态
查看全部 -
进度条
.progress 表示进度条
通过状态类改变进度条的颜色
.progress-bar-striped 使得进度条颜色渐变
查看全部 -
分页
,pagination 在父元素中添加表示分页
.pager 放置在翻页区域
.previous 把链接向左对齐， .next 把链接向右对齐
查看全部 -
导航
以一个带有class .nav的无序列表开始
.nav-tabs 代表可切换的导航
.nav-pills 代表胶囊导航
.nav-judtified 使导航垂直
查看全部 -
控件组
.input-group 表示控件组
.input-group-addon 可放置额外内容及图标
查看全部 -
下拉菜单
.dropdown 控制组件为下拉
.dropdown-menu-right 代替 .pull-right 右对齐
.divider 分割线
查看全部
举报