使用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...等..
假設想要在網頁上產生按鈕,只要像這樣
就可以了
官網有很詳細的使用說明,有興趣可以看看,下次我應該會用這個來做一個網頁。
留言