浅谈对Bootstrap的看法之一（文字颜色、表格、进度条、按钮）

今天第一次接触Bootstrap，官方介绍其是前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。个人认为，Bootstrap是一个大型的CSS样式包，里面包含了各种各样的CSS样式。当程序员进行网站开发时，可以直接使用包中定义好的样式。另外，Bootstrap自适应屏幕，包内的样式能够起到跟随屏幕大小而改变文字或图片大小的功能。接下来，我将从文字颜色、表格、进度条、按钮等多个方面进行介绍（Bootstrap需要引用才可以使用，可以从网上引用，也可以下载到本地引用）。

Bootstrap网上引用方法：

Bootstrap下载到本地引用方法：

你可以去官网 https://getbootstrap.com/ 下载 Bootstrap资源库。

1.文字颜色

相关说明：Bootstrap包中自带多种文本颜色样式，在生成文本的同时只要写上规定的类名就可以引用文本颜色。

主要代码：

代表指定意义的文本颜色
柔和的文本
重要的文本
成功的文本
提示信息的文本
警告文本
危险操作文本
副标题
深灰色文字
浅灰色文字
白色文字

2.表格

相关说明：可以实现边框、背景颜色、鼠标滑过背景颜色改变等效果。

主要代码：

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

			

				

					
Firstname
					
Lastname
					
Email
				
			
			

				

					
John
					
Doe
					
[email protected]
				
				

					
John
					
Doe
					
[email protected]
				
				

					
John
					
Doe
					
[email protected]
				
				

					
John
					
Doe
					
[email protected]
				
			
		

3.进度条

相关说明：可以实现进度条颜色、百分比、动画（第四条黄色为滚动效果）等效果。

主要代码：

                

			
70%
		

		

			
60%
		

		

			
50%
		

		

			
40%
		

4.按钮

相关说明：可以实现大按钮独占一行、激活按钮和不能点击按钮、内嵌下拉菜单按钮等效果。

主要代码：

                

			Apple
			Samsung
			

				Sony
				

					Tablet
					Smartphone
				
			
		

最后的话：本文只是提到Bootstrap中作者感兴趣的一小部分功能，稍后更新其他内容。