【BootStrap】--前端利器BootStrap

理论篇

　　为了引入移动端，加入响应式设计，ITOO V4.0项目web前端将从EasyUI向BootStrap过渡。

    easyUI核心是封装好的JS代码，看上去规范整洁， BootStrap必须采用html5，核心是动态CSS(less)，页面看上去扁平化，绚丽。下面是两者的对比图：

     虽然页面风格迥异，但是两者学起来的套路基本相同。

   1.官网是最好的学习利器，权威，具有针对性。

   2.把控件抽象出来，直接封装复用就行。

   3.只需修改MVC中的视图层即可。

  

   对比了EasyUI和BootStrap，让我们来补充一下移动端的宗旨(2015年9月14日)：

实战篇

   

    代码：

    
    
    
    
    



    
    
    @*下拉*@框

    

        
按钮按钮的基本样式

        
        

            常规按钮
        
         
               小按钮
          
        
            常规按钮
        
        
            大按钮
        

        

            带图标按钮
        
        @*带图标按钮*@
        

            
                添加 
            

            
                删除 info
            

            
                关闭 success
            


            
                导入 warning
            


            
                导出 danger
            


            
                查询 primary
            


            
                刷新 inverse
            
        

        @*按钮组*@
        
        

            按钮组
        
        

            Left
            Middle
            Right
        
        

        @*下拉框*@
        

            下拉框
        
        

            
                新生需求
                    
            
            

                
后台配置
                
新生报到
                
报表分析

            
        


    

总结篇

    最后总要墨迹几句，看到BootStrap让我对我们新生的页面重燃希望，4.0一定要做的炫彩纷呈，手机电脑都能自适应。