Bootstrap案例

开发工具与关键技术：VS，JavaScript
知识作者：陈铨滔
撰写时间：2020-8-26~

1 网格系统有以下 5 个类:	
.col- 针对所有设备	
.col-sm- 平板 - 屏幕宽度等于或大于 576px	
.col-md- 桌面显示器 - 屏幕宽度等于或大于 768px)	
.col-lg- 大桌面显示器 - 屏幕宽度等于或大于 992px)	
.col-xl- 超大桌面显示器 - 屏幕宽度等于或大于 1200px)
网格有12个col1 2 font-weight-bold	加粗文本	尝试一下	
.font-weight-normal	普通文本	尝试一下	
.font-weight-light	更细的文本	尝试一下	
.font-italic	斜体文本	尝试一下	
.lead	让段落更突出	尝试一下
	.small	指定更小文本 (为父元素的 85% )	尝试一下	
	.text-left	左对齐	尝试一下	
	.text-center	居中	尝试一下	
	.text-right	右对齐	尝试一下
	.text-justify	设定文本对齐,段落中超出屏幕部分文字自动换行尝试一下	
	.text-nowrap	段落中超出屏幕部分不换行	尝试一下
	.text-lowercase	设定文本小写	尝试一下	
	.text-uppercase	设定文本大写	尝试一下	
	.text-capitalize	设定单词首字母大写	尝试一下	
	.initialism	显示在 <abbr> 元素中的文本以小号字体展示，且可以将小 写字母转换为大写字母	
	尝试一下	.list-unstyled	移除默认的列表样式，
	列表项中左对齐 ( <ul> 和 <ol> 中)。
	 这个类仅适用于直接子列表项 (如果需要移除嵌套的列表项，你需要在嵌套的列表中使用该样式)	尝试一下	
	 .list-inline	将所有列表项放置同一行	尝试一下	
	 .pre-scrollable	使 <pre> 元素可滚动，代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条 3.  代表指定意义的文本颜色	  
	 <p class="text-muted">柔和的文本。</p> 灰色	
	   <p class="text-primary">重要的文本。</p> 蓝色
	   	  <p class="text-success">执行成功的文本。</p> 绿色	
	   	    <p class="text-info">代表一些提示信息的文本。</p> 天蓝色
	   	    	  <p class="text-warning">警告文本。</p> 黄色	 
	   		   <p class="text-danger">危险操作文本。</p> 红色
	   	   	  <p class="text-secondary">副标题。</p> 灰色	
	   	    	    <p class="text-dark">深灰色文字。</p> 	 
	   	    	     <p class="text-light">浅灰色文本（白色背景上看不清楚）。</p>	 
	   	     	      <p class="text-white">白色文本（白色背景上看不清楚）。</p>
	   	     注意背景颜色不会设置文本的颜色，在一些实例中你需
	.text-* 类一起使用bg-primary  注意bg加颜色<p class="bg-primary text-white">重要的背景颜色。</p>