bootstrap4|颜色|表格

目录

1、颜色

bootstrap4.1.3.zip

链接: https://pan.baidu.com/s/1lGFoaifVjGER-BBfnbiWAA 提取码: 6w6w

1、颜色

（1）Bootstrap 4 提供了一些有代表意义的颜色类：.text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger, .text-secondary, .text-white, .text-dark and .text-light。

	
指定有特别意义的文本颜色
	
柔和的颜色(#6c757d)
	
重要的文本(#007bff)
	
执行成功的文本(#28a745)
	
代表一些提示信息的文本(#17a2b8)
	
警告文本(#ffc107)
	
危险操作文本(#dc3545)
	
副标题(#6c757d)
	
白色文本
	
深灰色文本(#343a40)
	
浅灰色背景（白色背景下不清楚）(#343a40)

（2）bootstrap4提供背景颜色的类有: .bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger, .bg-secondary, .bg-dark 和 .bg-light。

注意背景颜色不会设置文本的颜色，在一些实例中你需要与 .text-* 类一起使用。

 	
背景颜色
 	
重要的背景颜色
 	
成功背景颜色
 	
信息提示背景颜色
 	
警告背景颜色
 	
危险背景颜色
 	
副标题颜色
 	
深色背景颜色
 	
浅色背景颜色
 

（3）所有源代码

	
指定有特别意义的文本颜色
	
柔和的颜色(#6c757d)
	
重要的文本(#007bff)
	
执行成功的文本(#28a745)
	
代表一些提示信息的文本(#17a2b8)
	
警告文本(#ffc107)
	
危险操作文本(#dc3545)
	
副标题(#6c757d)
	
白色文本
	
深灰色文本(#343a40)
	
浅灰色背景（白色背景下不清楚）(#343a40)



 

 	
背景颜色
 	
重要的背景颜色
 	
成功背景颜色
 	
信息提示背景颜色
 	
警告背景颜色
 	
危险背景颜色
 	
副标题颜色
 	
深色背景颜色
 	
浅色背景颜色
 

2、表格

//写表格时，一定要写、,否则默认所有的都属于内

.table 类来设置基础表格的样式

.table-striped 类，您将在 内的行上看到条纹

.table-bordered 类可以为表格添加边框

.table-hover 类可以为表格的每一行添加鼠标悬停效果（灰色背景）

.table-dark 类可以为表格添加黑色背景

.table-dark 和 .table-striped 类可以创建黑色的条纹表格

.table-dark 和 .table-hover 类可以设置黑色背景表格的鼠标悬停效果

.table-sm 类用于通过减少内边距来设置较小的表格

.table-responsive 类用于创建响应式表格：在屏幕宽度小于 992px 时会创建水平滚动条，如果可视区域宽度大于 992px 则显示不同效果（没有滚动条）

//在 Bootstrap v4.0.0-beta.2 中.thead-dark 类用于给表头添加黑色背景， .thead-light 类用于给表头添加灰色背景.

//在 Bootstrap v4.0.0-beta 这个版本中，.thead-inverse 类用于给表头添加黑色背景，.thead-default 类用于给表头添加灰色背景。

源代码：

	

		

			

				
A
				
B
				
C
			
		
		

			

				
active
				
action
				
attr
			
			

				
bootstrap
				
book
				
background
			
		
	
    



	

		

			

				
A
				
B
				
C
			
		
		

			

				
active
				
action
				
attr
			
			

				
bootstrap
				
book
				
background
			
			

				
css
				
css
				
cackground
			
		
	
	



	

		

			
A
			
B
			
C
		
		

			
active
			
action
			
attr
		
		

			
bootstrap
			
book
			
background
		
	


	

		

			
A
			
B
			
C
		
		

			
active
			
action
			
attr
		
		

			
bootstrap
			
book
			
background
		
	
    



  

		

			

				
A
				
B
				
C
			
		
		

			

				
active
				
action
				
attr
			
			

				
bootstrap
				
book
				
background
			
			

				
css
				
css
				
cackground
			
		
	
   

  

		

			

				
A
				
B
				
C
			
		
		

			

				
active
				
action
				
attr
			
			

				
bootstrap
				
book
				
background
			
		
	
   
 

	

		


			

				
Class名
				
指定颜色解释
			
		
		

			

				
table-primary
				
蓝色： 指定这是一个重要的操作
			
			

				
table-success
				
绿色: 指定这是一个允许执行的操作
			
			

				
table-danger
				
红色: 指定这是可以危险的操作
			
			

				
table-info
				
浅蓝色: 表示内容已变更
			
			

				
table-warning
				
橘色: 表示需要注意的操作
			
			

				
table-active
				
灰色: 用于鼠标悬停效果
			
			

				
table-secondary
				
灰色: 表示内容不怎么重要
			
			

				
table-light
				
浅灰色，可以是表格行的背景
			
			

				
table-dark
				
深灰色，可以是表格行的背景