第三次公开课课件程序员bootstrap

Bootstrap实战讲师：辛老师内容介绍Bootstrap介绍Bootstrap

css组件Bootstrap

JavaScript插件Bootstrap项目实战Bootstrap介绍2011年，Twitter的两个工程师Mark

Otto和JacobThornton合作开发，是一个HTML/CSS框架。该框架基于

HTML5、CSS3和JavaScript。官方网站：Bootstrap中文网：Bootstrap下载与安装下载地址：安装：

bootstrap.min.cssjquery.min.jsbootstrap.min.js响应式开发注意事项Bootstrap—栅格系统容器的概念 流式布局 固定布局栅格参数col-lg-col-md-col-sm-col-xs-案例Bootstrap—辅助类文本颜色：text-背景颜色：bg-关闭按钮图标三角图标快速浮动内容块居中清除浮动显示、隐藏Bootstrap—表格.table类的使用条纹状表格：.table-striped带边框表格：.table-bordered鼠标悬停效果:.table-hover表格的颜色：active、success、warning、danger、infoBootstrap—列表效果演示列表徽章:列表颜色：list-group-item-successBootstrap—表单垂直表单水平表单校验状态

has-success添加额外图标：form-group

has-feedback支持的控件案例Bootstrap—图片响应式图片形状缩略图Bootstrap—按钮基本实例a、button、input转换成按钮btn-block按钮尺寸：btn-lg

btn-sm

btn-xs禁用状态：disabled

、active按钮组：btn-group

groupBootstrap—css组件字体图标下拉菜单输入框组导航分页缩略图警告框面板Bootstrap—字体图标容使用系统的字体图标自定义系统图标Bootstrap—下拉菜单实例标题：dropdown-header分割线：divider

separator按钮式下拉菜单Bootstrap—输入框组实例演示给输入框的一侧添加元素给输入框的一侧添加按钮Bootstrap—导航导航条胶囊式导航条两端对齐的导航条nav-justified固定在顶部的导航条面包屑导航:breadcrumbBootstrap—警告框实例可关闭警告框Bootstrap—面板实例演示面板颜色带列表的面板Bootstrap—JavaScript插件模态框下拉菜单滚动监听手风琴轮播图Bootstrap—模态框通过data属性调用通过JavaScript调用Bootstrap—模态框通过data属性调用通过JavaScript调用Bootstrap—模态框方法$('#myModal').modal('show');$('#myModal').modal('hide');Bootstrap—模态框事件Bootstrap—下拉菜单Bootstrap—下拉菜单事件Bootstrap—滚动监听通过JavaScript调用滚动监听事件Bootstrap—标签页通过JavaScript调用事件Boots