bootstrap中css样式设计的示例分析

css网格式有四种写法，主要应用于不同设备的分辨率。

2：平移列

使用offset来进行平移。即平移的列数

1.                         
                        11  
                        22  
                        33---指33向右平移了两列   
              
                
                        11  
                        22  
                        33  
                
              
                   11  
                   22    
                   33    
                       
     
   

效果如下：

 33由于平移了两列，不能满足它占4列的要求，于是被挤到下一行开始占据4列。简单来说，相当于将整个div块右移。

 3：嵌套列

  即在网格列里面再嵌套列。我们对比来看。

XML/HTML Code复制内容到剪贴板

1.   
             
                        
                            11  
                            22  
                            33  
                         
              
                    
                            11  
              
                    
                          11  
                            22  
                            33  
                 
             
   

效果如下：

[object Object]

有没有发现问题？为什么上面的没有平均分配8？

当设备>=992px时。效果如下：

上面两种类，分别表示的分辨率不一样。col-md-12此时表示每列独占一行即12列。

看完上述内容，你们掌握bootstrap中css样式设计的示例分析的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！