Bootstrap

一.内联文本元素

1.删除线
	del,s
2.下划线
	u,ins
3.加粗
	strong				
4.倾斜
	em
 5.小字体
	small

二.表格

1.条纹表格 
	table table-striped
2.边框表格
	table table-bordered
3.鼠标悬停表格
	table table-hover
4.紧缩表格
	table table-condensed
5.响应式表格
	table table-hover table-responsive
6.	引用
	<blockquote class="blockquoto-reverse"></blockquote>

三.表单

		1.基本表单
			class="form-control"
			
		2.内联表单
			class="form-inline"
		
		3.表单组合
			class="input-group-addon"
		
		4.水平排列
			class="form-horizontal"
		
		5.多选框
			class = "checkbox"
			class = "checkbox-inline"
			
		6.下拉框
			class="form-control"
		
		7.尺寸、高度
			class="form-control input-lg"
			class="form-control input-sm"

四.按钮

		1.预定义样式
			default
			info
			warning
			link
			danger
			success
			primary
		
		2.尺寸
			class="btn-lg"
			class="btn-sm"
			
		3.状态
			禁用:disabled
			激活:active

五.图片

		1.响应式图片
			class="img-responsive"
			
		2.图片形状
			圆角矩形:class="img-rounded"
			椭圆:class="img-circle"
			缩略图:class="img-thumbnail"

六.辅助类

		 1.情境文本颜色
				class="texbgd"
				class="text-primary"
				class="text-success"
				class="text-info"
				class="text-warning"
				class="text-danger"
		2.情境背景颜色
				class="bg-primary"
				class="bg-success"
				class="bg-info"
				class="bg-warning"
				class="bg-danger"
				
		3.关闭
				class="close"
				
		4.三角
				class="caret"

七.响应式工具

		1.可见
			class="visible-屏幕大小"
		2.隐藏
			class="hidden-屏幕大小" -->
上一篇:js随机变换背景


下一篇:shell实现输出进度条