bootstrap 4-标签页制作和弹出框（模态框）制作

1、标签页（Tabs）

标签页是一个经常使用的组件，可以放置较多的内容，又可以节省页面空间。

如下：

无需写任何JavaScript代码，只需要简单的为页面元素指定data-toggle="tab",为url添加nav和nav-tab class 

案例代码：

	

		Chrome
	
	

		Firefox
	
	

		Safari
	
	

		Opera
	
	

		IE
	



	

	  

		
chrome
		
Google Chrome,又称chrome浏览器，是一个由Google（谷歌）公司开发的网页浏览器。
	  
	
	

		
firefox
		
firefox,又称firefox浏览器，是一个由firefox（谷歌）公司开发的网页浏览器。
	
	

		
safari
		
safari,又称safari浏览器，是一个由safari（谷歌）公司开发的网页浏览器。
	
	

		
Opera
		
Google Chrome,又称Google浏览器，是一个由Google（谷歌）公司开发的网页浏览器。
	
	

		
ie
		
ie,又称Google浏览器，是一个由ie（谷歌）公司开发的网页浏览器。
	

效果如下

2、弹出框（模态框）Modal

弹出框是一个经常使用的组件，一般用于弹出提示信息，确认信息，表单等内容

代码：

	

		

			
			
 
				
					×
					Close
				
				
关于
			
			
			

				我们将以上面的实例开始，并通过改变字体尺寸、颜色和应用文本阴影来进行定制图标
			
			
			

				了解了
			
		
	

效果如下：