本文共 822 字，大约阅读时间需要 2 分钟。

官网：

开始引用： 在bootstrap官网点击getstarted找到CSS样式的link copy此link到html的head标签中即可开始引用bootstrap模块里面的组件； 可在Components里面查找自己需要的组件，比如下面的alert组件，找到Examples

	        
   		    	
   
      			primary alert—check it out!		
   
	

栅格系统和响应机制

将页面分为12等分，每个元素可以配置占用的比例，比如下面的div会根据页面大小动态调整大小，但是在页面上所占的比例始终是一样的

	        
           		    	
   
  			
    
  				
     
        					朝辞白帝彩云间，				
     
                
     
        					千里江陵一日还。				
     
                
     
        					两岸猿声啼不住，				
     
                
     
        					轻舟已过万重山。				
     
			
    
		
   
	

还可以配置为页面大小不一时显示不同的效果，页面比较大时在一行上显示；当页面缩小到一点尺寸时一个div占一行

	        
           		    	
   
  			
    
  				
     
        					朝辞白帝彩云间，				
     
                
     
        					千里江陵一日还。				
     
                
     
        					两岸猿声啼不住，				
     
                
     
        					轻舟已过万重山。				
     
			
    
		
   
	

转载地址：http://dyiti.baihongyu.com/