做爲一名新手web程序員,寫前臺確實很讓人困擾,前段時間在網上無心看到了bootstrap更新,可是不知道是幹什麼的,下載下來還覺得是網頁模板,結果不是,呵!呵!好了,不炫耀智商了,進入正題。 css
這是一篇本身學習bootstrap的筆記,同時分享給和我同樣2B的人,還請高手糾錯,可是麻煩吐槽的時候口下留情。 程序員
資源連接:bootstrap資源與中文幫助文檔 http://vdisk.weibo.com/s/aOjgvFZ3rGkT7 英文版的幫助文檔這裏不提供下載連接,還麻煩你們本身在官方網站上下載。 web
bootstrap按照個人理解,是已經渲染好的CSS/JS/JQUERY,因此,下載下來是一堆.css/.js的文件,就像是Java的類庫同樣,首先咱們須要作的就是了解這個庫裏面,有哪些「方法」,有哪些「類」,以便在從此進行「調用」。舉一個例子來講,在平時,本身渲染一個按鈕,或許很麻煩,可是在bootstrap中,只須要使用給出的類選擇器「btn」就能夠實現<input type="button" class="btn" value="button2" />。 bootstrap
經過官方文檔不難看出,bootstrap主要的渲染支持就是這些了。其中,框架:介紹佈局;基礎CSS:重要的CSS屬性;組件:小組件的渲染(按鈕,導航條,標籤等等);js插件:動做效果的渲染(對話框,下拉項等等);LESS:是一種CSS形式的擴展,如今尚未了解過,之後用用;定製:自定義bootstrap。 框架
整體的bootstrap介紹就暫時是這些了,下次介紹bootstrap框架。 佈局