首頁 > web前端 > Bootstrap教程 > 為什麼要使用bootstrap

為什麼要使用bootstrap

(*-*)浩
發布: 2019-07-18 17:21:07
原創
4357 人瀏覽過

Bootstrap是由兩twitter員工開發並開源的前端框架,非常火爆,而如此火爆自然有它的道理,在我們團隊的所有專案中正全面推行使用Bootstrap,我想根據自己的實際使用體驗來說明一下為什麼要用Bootsrap。

為什麼要使用bootstrap

首先,Bootstrap出自twitter,大廠出品,並且開源,自然久經考驗,減少了測試的工作量。站在巨人的肩膀上,不重複造輪子。 (推薦學習:Bootstrap影片教學

Bootstrap的程式碼有著非常良好的程式碼規範,從中也可以學習到很多,在Bootstrap的基礎之上創建項目,日後程式碼的維護也變得異常簡單清晰。讓開發者可以方便的讓網頁無論在桌上型電腦、平板裝置、手機上都獲得最佳的體驗.

Bootstrap的一大優勢就是它是基於Less 打造的,並且也有[ Sass版本]。正因為如此,它一推出就包含了一個非常實用的Mixin函式庫任你呼叫。

舉個很簡單的例子,當你平常要用到一些 css3 屬性的時候,你要寫不同的瀏覽器寫不同的-prefix-,例如圓角border-radius : 

-webkit-border-radius: 10px; 
   -moz-border-radius:10px; 
   -border-radius:10px; 
/* 何问起 hovertree.com */
登入後複製

但是透過Bootstrap 給你預設好的mixin,你直接寫成這樣就可以了: 

@include border-radius (10px);
登入後複製

是不是輕鬆愉快?基本上常用的 CSS3 mixin 都幫你整理好了,你都直接呼叫就可以了,在此不一一舉例。

 Bootstrap 是目前最好的基於 Less(Sass) 的前端框架,豐富而實用的 Mixin 應該是其最好的地方。

Bootstrap 已經幫你搭好了實作 Responsive Design 的基礎框架,而且非常容易修改。

如果你是個新手,Bootstrap 可以幫助你在非常短的時間內上手 Responsive Design。另外,由於Bootstrap的火爆,又出現了不少圍繞 Bootstrap 而開發的插件。其中最實用的莫過於 [Font Awesome](http://fortawesome.github.com/Font-Awesome/) 了。

它是一套 icon font,提供了豐富的 icon 給你選擇,新的 2.0 版又根據網友的意見增加了70個新的 icon。

Bootstrap 的元件 非常豐富,而且程式碼簡潔,非常容易修改,你完全可以在其基礎之上修改成自己想要的任何樣子。這是工作效率的極大提升。

在現在一股有Apple 帶領的Retina 潮流下,對圖片的視網膜屏下的解決方案已經變得越來越有必要了,而在icon 這個東西上,icon font 是完美的解決方案,不用擔心解析度的問題,因為它實際上是字體。

這些就是為什麼要用Bootstrap 的原因,目前市面上沒有任何其他框架可以和它相媲美,但是它就雖然是一匹好馬,你還是需要花費一些時間去學習它、適應它,它在日後帶給你的便利性是無可比擬的,你會後悔自己為什麼沒有早點接觸它。 

更多Bootstrap相關技術文章,請造訪Bootstrap教學欄位進行學習!

以上是為什麼要使用bootstrap的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板