JavaWeb-Bootstrap学习笔记

Bootstrap：

概念：一个前端开发的框架
	框架：一个半成品软件，在框架基础上，简化了编码
1.定义了很多css样式和js插件，直接使用
2.响应式布局：同一套页面可以兼容不同的分辨率的设备

1、响应式布局
	实现：依赖于栅格系统：将一行平均分成12个格子，可以指定元素占格子数
	步骤：
		1.定义容器：（table）
			容器分类：
				1.container
				2.container-fluid 100%宽度
		2.定义行：（tr）样式：row
		3.定义元素：指定该元素在不同设备上，所占的格子数，
			样式：col-设备代号—格子数
			设备代号：
				1.xs：超小屏幕
				2.sm：小屏幕
				3.md：中等屏幕
				4.lg：大屏幕
	注意：
		1.一行中格子超过12，超出部分自动换行
		2.栅格类属性可以向上兼容
		3.真实设备的宽度小于设置栅格类属性的设备代码的最小值，会一个元素占满一整行
CSS样式和js插件：
	1、全局CSS样式：
		按钮：class = "btn btn-default"
		图片: class = "img-responsive" : 图片在任意尺寸都占100%
		表格：table、table-bordered、table-hover
		表单：class = "form-control"
	2、组件：
		导航条
		分页条
	3、插件：
		轮播图