放弃semantic,使用bootstrap

好久没有写博客了，今天写一篇，关于semantic和bootstrap的文章

       首先，介绍一下semantic和bootstrap：

       semantic中文官网：http://www.semantic-ui.com.cn/

       semantic英文官网：http://www.semantic-ui.cn

 

       bootstrap 中文官网：http://www.bootcss.com/       http://v2.bootcss.com/

       bootstarp 英文官网：http://getbootstrap.com/

       semantic,语义化的前端框架，各种组件比bootstrap炫一点，这是我最喜欢semantic的一点，也是因为这个原因，我想把semantic应用到真实的开发中去，而不是折腾着各种小demo，上几张效果图。

      

 

 

 

       bootstrap非常优秀的前端框架，出自Twitter，非常容易上手，最简单的应用就是直接复制粘贴即可，下面也来几张效果图：

  

 

 

 

 

    semantic和bootstrap都支持响应式布局，但为什么放弃semantic，而选择bootstrap呢，原因有二：

        1.对于我这种前端小白来说，复制粘贴就能用是最好的，bootstrap就能达到这一点，而semantic呢，光是复制粘贴还不足以解决问题，比如说，菜单模块，就会没有相应的效果

         2.第二个因素，也是决定性因素，semantic和bootstrap都依赖于jquery，

 

            项目中jquery也就83kb，再看bootstrap有多大：

 

             再看semantic有多大：

 

       综上所述，个人觉得bootstrap还是移动端的最佳选择，当然，能不借助jquery和bootstrap就能编写出高大上的界面是最好不过了