how bootstrap fit into our website design?

世有因果知因求果發表於2015-04-12

在web相關技術中,HTML代表了content,structure, CSS則負責styling,決定內容是如何展示的,javascript則主要負責interactive, behaviour。

在網站開發中一般流程就是先寫html初步決定page的結構和內容,然後定義css應用到網頁,調整展示的形式,最後對於互動性較強的內容則使用javascript來實現。

整個流程都一直是在上述三個方面不斷迭代,直到滿意為止。要設計開發一個滿意的網頁是需要花費不少精力在上面的迭代更改過程的。

那麼有沒有什麼方法提高這個效率呢?現在前端框架中bootstrap非常流行,簡單說下它是什麼,如何引入到我們的工作流中去的。

bootstrap是twitter工程師做的一個前端框架,它預先定義了一套css style,以及很多實用的compenents(javascript plugins),在我們引入bootstrap後,

我們的工作主要就集中在HTML程式碼的設計,css直接引用預定義好的bootstrap類,希望用到的互動元件都可以在bs中直接引用,大大提高我們的效率。也就是說

bootstrap.css和bootstrap.js兩個檔案分別替代了我們上述自己開發網頁的css,js檔案

 

相關文章