Bootstrap中导航和下拉列表

一、栅格系统

栅格系统：在容器（container）中放置若干个行（row），每行分为12col（列）进行布局。类似于表格；栅格系统不是以往的流体布局，而是d性布局，采用[display：flex；sizing-box：border-box]。

二、bootstrap之下拉列表

Bootstrap的下拉列表可以通过给外部div添加CSS类[class=“dropdown”]，button添加CSS类[class=“dropdown-toggle”]和属性[data-toggle=”dropdown”]，ul添加CSS类[class=“dropdown-menu”]完成。如果想实现下拉列表，必须要导入jQuery.js和bootstrap.js文件。详情见案例源代码>>

	
		
		
		
		
		
		
	
	
		
		
			
				
			
				语言
			
			
				Java
				C++
				SQL
				C#
				HTML
			
		
			
		
		
	

 

 

三、bootstrap之导航

nav标签代表着导航，nav中放置一个ul，给ul添加CSS类[class=”nav nav-tabs”或者class=”nav nav-pills”]进行导航的设计。若想给导航进行两端对齐，给ul添加CSS类[class=”nav-justified”]即可。响应式的导航实现稍许复杂，不过没关系。详情见案例源代码>>

	
		
		
		
		
		
		
		
		
		
		
		
		
		
	

	
		
		
			可响应式导航