2012年8月3日 星期五

使用Bootstrap開發網站


如果常在寫網頁的人就會知道,有時候要重新建一個網站,有很多元素是可以重覆利用的,如果每次都要重新打一次那些東西的樣式,是很浪費時間的,我曾經也想把一些常用的元素寫成一隻css,之後就可以不用重新打,但看到Bootstrap後,就知道他可以幫我解決很多功,用了後,發現果然是好物阿..

首先到官網下載Bootstrap

下載後像這樣引入網頁
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />

<link rel="stylesheet" href="css/bootstrap-responsive.css" type="text/css" />

<script src="js/bootstrap.js"></script>


Bootstrap幫你做到網頁grid,還有responsive design,使用html 5跟css3,還有樣式化很多元件css的,像是button, nav, table...等..

假設想要在網頁上產生按鈕,只要像這樣

就可以了

官網有很詳細的使用說明,有興趣可以看看,下次我應該會用這個來做一個網頁。
反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...