您现在的位置: 365建站网 > 365学习 > Bootstrap和Metro UI CSS哪个好用

Bootstrap和Metro UI CSS哪个好用

文章来源:365jz.com     点击数:226    更新时间:2018-06-15 08:45   参与评论

Metro UI CSS -- 准备工作

需要先下载  Metro-UI-CSS-3.0.17.zip  以及jQuery-2.1.3.min.js

注意:

         jQuery的版本  必须是1.8-2.1.3版之间的,否则 Metro UI中的某些 js脚本无法运作!(这个问题本人花了 2天才发现.....  )

        个人推荐 2.1.3


解压后主要的目录如下:


build  该文件夹 存放的是 MetroUI 所必需的 CSS ,JS ,以及 Font (字体样式和图标)

docs  该文件夹存放的是各种样式的例子

fonts 该文件夹存放的是字体样式和图标

js       该文件夹存放的是从 MetroUI.js中抽取出来单独组件的js脚本 

           比如 title.js  鼠标事件  表单验证等,便于我们单独使用( 看自己的项目是否需要这些 js 需要就用,不需要就不用管)


我们只需要在 网页中引用

 build\css 中的全部 metro-*.css 文件 

<link href="css/modern.css" rel="stylesheet"/>

 bulid\js 中的metro.js 文件 

(注意:jQuery必须在 metro.js之前引入,否则metro.js无效)

<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="js/metro.js"></script>


fonts 中的文件 可以与metro.css 在同一个文件下 或者同级文件 如图:我这里是同级目录下


不用显式的引用fonts中的文件,MetroUI CSS会自动寻找


Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。

下载地址:https://github.com/twbs/bootstrap

bootstrap是github上面第一大项目,其扩展性和支持度绝对是遥遥领先的。

Bootstrap和Metro UI 都用过,前者可能适合常规网站,非常完善,可以加快开发效率,后者更适合个人的兴趣爱好,也没有bootstrap那么完整

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (226人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------