五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置: 365建站網(wǎng) > 365文章 > Bootstrap和Metro UI CSS哪個(gè)好用

Bootstrap和Metro UI CSS哪個(gè)好用

文章來(lái)源:365jz.com     點(diǎn)擊數(shù):470    更新時(shí)間:2018-06-15 08:45   參與評(píng)論

Metro UI CSS -- 準(zhǔn)備工作

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

注意:

         jQuery的版本  必須是1.8-2.1.3版之間的,否則 Metro UI中的某些 js腳本無(wú)法運(yùn)作?。ㄟ@個(gè)問(wèn)題本人花了 2天才發(fā)現(xiàn).....  )

        個(gè)人推薦 2.1.3


解壓后主要的目錄如下:


build  該文件夾 存放的是 MetroUI 所必需的 CSS ,JS ,以及 Font (字體樣式和圖標(biāo))

docs  該文件夾存放的是各種樣式的例子

fonts 該文件夾存放的是字體樣式和圖標(biāo)

js       該文件夾存放的是從 MetroUI.js中抽取出來(lái)單獨(dú)組件的js腳本 

           比如 title.js  鼠標(biāo)事件  表單驗(yàn)證等,便于我們單獨(dú)使用( 看自己的項(xiàng)目是否需要這些 js 需要就用,不需要就不用管)


我們只需要在 網(wǎng)頁(yè)中引用

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

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

 bulid\js 中的metro.js 文件 

(注意:jQuery必須在 metro.js之前引入,否則metro.js無(wú)效)

<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 在同一個(gè)文件下 或者同級(jí)文件 如圖:我這里是同級(jí)目錄下


不用顯式的引用fonts中的文件,MetroUI CSS會(huì)自動(dòng)尋找


Bootstrap是Twitter推出的一個(gè)用于前端開(kāi)發(fā)的開(kāi)源工具包。它由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開(kāi)發(fā),是一個(gè)CSS/HTML框架。

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

bootstrap是github上面第一大項(xiàng)目,其擴(kuò)展性和支持度絕對(duì)是遙遙領(lǐng)先的。

Bootstrap和Metro UI 都用過(guò),前者可能適合常規(guī)網(wǎng)站,非常完善,可以加快開(kāi)發(fā)效率,后者更適合個(gè)人的興趣愛(ài)好,也沒(méi)有bootstrap那么完整

如對(duì)本文有疑問(wèn),請(qǐng)?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會(huì)為你解答!! 點(diǎn)擊進(jìn)入論壇

發(fā)表評(píng)論 (470人查看0條評(píng)論)
請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴(yán)禁發(fā)布色情、暴力、反動(dòng)的言論。
昵稱(chēng):
最新評(píng)論
------分隔線----------------------------

其它欄目

· 建站教程
· 365學(xué)習(xí)

業(yè)務(wù)咨詢

· 技術(shù)支持
· 服務(wù)時(shí)間:9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權(quán)所有 鄂ICP備17013400號(hào)