中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

bootstrap指的是什么

發布時間:2021-07-09 11:38:44 來源:億速云 閱讀:179 作者:小新 欄目:web開發

小編給大家分享一下bootstrap指的是什么,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

Bootstrap 是由兩個 twitter 員工開發并開源的前端框架,目前已經到了 2.0.4 的版本,在 Github 上面有 32517個 watch,和 6608個 fork。非常火爆,而如此火爆自然有它的道理,在我們團隊的所有項目中正全面推行使用 Bootstrap,我想根據自己的實際使用體驗來說明一下為什么要用 Bootsrap。

twitter 出品

首先,Bootstrap 出自 twitter,大廠出品,并且開源,自然久經考驗,減少了測試的工作量。站在巨人的肩膀上,不重復造輪子。

同時,Bootstrap 的代碼有著非常良好的代碼規范,從中也可以學習到很多,在 Bootstrap 的基礎之上創建項目,日后代碼的維護也變得異常簡單清晰。

基于 Less、豐富的 Mixin

如果你不知道 Sass 或者 Less 這樣的 CSS 預處理技術,我只能說你實在太落伍了,建議你先去了解之。

Bootstrap 的一大優勢就是它是基于 Less 打造的,并且也有 Sass版本。正因為如此,它一推出就包含了一個非常實用的 Mixin 庫任你調用。

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

-webkit-border-radius: 10px;
-moz-border-radius:10px;
-border-radius:10px;

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

@include border-radius (10px);

是不是輕松愉快?基本常用的 CSS3 mixin 都幫你整理好了,你都直接調用就可以了,在此不一一舉例。 Bootstrap 是目前最好的基于 Less(Sass) 的前端框架,豐富而實用的 Mixin 應該是其最好的地方。

可以 Responsive 的柵格系統

Bootstrap 的 柵格 (Grid) 系統也很先進,整個 Grid 系統是可以 Responsive 的!

Bootstrap 已經幫你搭好了實現 Responsive Design 的基礎框架,并且非常容易修改。如果你是一個新手,Bootstrap 可以幫助你在非常短的時間內上手 Responsive Design。

豐富的組件

Bootstrap 的HTML組件 和 Js組件 非常豐富,并且代碼簡潔,非常易于修改,你完全可以在其基礎之上修改成自己想要的任何樣子。這是工作效率的極大提升。

插件

另外、由于 Bootstrap 的火爆,又出現了不少圍繞 Bootstrap 而開發的插件。其中最實用的莫過于 Font Awesome 了。它是一套 icon font,提供了豐富的 icon 給你選擇,新的 2.0 版又根據網友的意見增加了70個新的 icon。

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

以上

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

一些題外話

我不喜歡用框架,我喜歡原生的寫法

這是我在給別人推薦 Bootstrap 的時候最常聽到的話,我只能說,Bootstrap 并不能幫你完成所有事情,它只是一個的框架,在這個框架上面你依舊可以任意的發揮,并且發揮得更好,但是前提是你要駕馭得了它。

如果你不夠熟悉它,你確實是有時候會被它有所牽絆,但是你熟悉了之后發現了其實它沒有對你進行任何限制,這需要一個過程。

是給無設計師的團隊或者程序員用的

對此我真的是無力吐槽,Bootstrap 的開發者就在他的博客上抱怨過,為什么出來那么一堆完全照搬 Bootstrap 樣式的網站。
記住、完全用 Bootstrap 的樣式只會讓人心生厭煩。

以上是“bootstrap指的是什么”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

宜州市| 太康县| 巴林右旗| 上杭县| 临潭县| 都兰县| 霍邱县| 赤水市| 南投县| 黄大仙区| 江达县| 柘城县| 博野县| 班戈县| 大田县| 辛集市| 望城县| 拉萨市| 邵武市| 岱山县| 三原县| 永康市| 平原县| 南华县| 深圳市| 汉源县| 芷江| 尼木县| 光泽县| 湟中县| 元谋县| 梅州市| 隆昌县| 桃源县| 晋中市| 青浦区| 龙胜| 文安县| 翁牛特旗| 云龙县| 衡南县|