不用bootstrap可以用什么-創(chuàng)新互聯(lián)

這篇文章主要介紹不用bootstrap可以用什么，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

十余年專注成都網站制作，企業(yè)網站建設，個人網站制作服務，為大家分享網站制作知識、方案，網站設計流程、步驟,成功服務上千家企業(yè)。為您提供網站建設,網站制作,網頁設計及定制高端網站建設服務,專注于企業(yè)網站建設,高端網頁制作,對成都玻璃鋼坐凳等多個方面，擁有豐富設計經驗。

不用bootstrap可以用foundation，通常情況下，開發(fā)工程師會使用Bootstrap，而前端開發(fā)人員會優(yōu)先使用Foundation。

Bootstrap 與 Foundation 有許多關鍵的區(qū)別, 但是, 我想你只需要記住一件事:

ZURB 和 Twitter 的兩種設計理念是很清楚的, 從他們對自己的框架的命名就可以看出來: Bootstrap 有引導, 開機自舉的意思, 換言之, 它嘗試處理你項目中一切所需要的. 而 Foundation 有創(chuàng)建, 創(chuàng)造的意思, 換言之, 它僅僅給你項目中強有力的創(chuàng)造力.

保持這種看法, 現在我來列出兩者之間更多的關鍵區(qū)別:

1. UI 元素

Foundation 只安排了有限的幾種元素, Bootstrap 則給你了所有你可以想像到的一切元素.

ZURB 對于 Foundation 的設計目標是, 縱然你使用預定義的 UI 元素, 也不應該與大家的網站長的太像.

而另一邊, Bootstrap 則試圖給你提供所有定義好的 UI 元素.

2. REMs VS Pixels

Foundation 使用 REMs, 而 Bootstrap 使用 Pixels.

使用 Pixels 意味著你不得不準確定義一個組件的高, 寬, 內邊距, 外邊距, 而且在每一種設備與屏幕尺寸上, 因為不同的設備往往顯示效果區(qū)別很大.

現在 Foundation 5 使用 REMs, 而不是 EM. 這樣, 避免了 EM cascade 問題: http://css-tricks.com/font-sizing-with-rem/

使用 REMs 意味著你可以直接用 font-size: 80%; 就可以讓整個組件和它的子組件縮小 20%.

值得說明的是, 通過 REMs, 你可以脫離 Pixels 的細節(jié)了, 所以, 使用 REMs 來處理是非常值得的.

Foundation 還提供了 sass 的 mixin 方法來將 Pixels 轉換為 REMs, 這樣, 你還可以繼續(xù)使用 Pixels 的思考方式來定義頁面:

.element {  width: rem-calc(10px); // will be converted to REMs}

3. 靈活的網格 VS 預定義的網格

Foundation 的網格可以自動適配當前瀏覽器的寬度. Boostrap 則是預定義了幾種網格尺寸來適配主流的設備和屏幕.

Bootstrap 會在你改變?yōu)g覽器寬度的時候突然改變它的網格.

Foundation 則會靈活適配當前的瀏覽器寬度, 這是一種新的技術手段, 自動適配的同時, 可以表現的與 Transformer 一樣的效果.

Foundation 當網格改變時有兩個要點: 小, 中和大. 所有的操作都只有縮小和放大, 并適應于當前瀏覽器的寬度. 不需要預定義的屏幕大小, 并且更主要的原因是, 鼓勵你去根據屏幕的大小來定義不同的樣式.

使用 Bootstrap, 你得到一個固定的或者說流形的網格, 這意味著你需要分別設定或者說對于網格容器不是一個預定義好的寬度.

使用 Foundation 和 Sass, 你可以自由調整較大的網格的大小( 中型的和小型的自動被計算 ), 大屏幕的列數, 小屏幕的列數.

4. 移動設備優(yōu)先 VS 也支持移動設備

Foundation 設計時已經考慮了任何四角屏幕. 而 Bootstrap 設計時則預先分為: 手機, 平板, 臺式機和超大屏幕的臺式機.

構建一個優(yōu)先支持移動設備的網站意味著它肯定在更大的屏幕上是可用的. 所以, Foundation 鼓勵你這樣去做: 移動優(yōu)先.

如果你使用 Foundation 的 Sass Media Query Mixin, 你就會發(fā)現, 沒有特定的 Media Query 來查詢什么是移動設備, 而是你使用 Media Query 來定義在更大的屏幕下應該怎么顯示.

設計東西時先考慮臺式機的話很可能在支持更小屏幕時遇到很大問題, 和先考慮手機的話, 將會讓你專注于什么是對用戶最重要的, 讓你空間提用感上升.

5. 社區(qū)

Bootstrap 有一個更大的社區(qū). 而使用 Foundation 你就不得不自力更生一些.

Bootstrap 非常大的亮點就是社區(qū). 這是一個非常巨大, 包羅萬象, 幾乎找啥都可以找到.

如果你選擇了 Foundation, 自力更生可能就是你不得不掌握的了. 幾乎所有的解決方法都是為 Bootstrap 的, 你只能自己再去構建自己的.

以上是“不用bootstrap可以用什么”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當前題目：不用bootstrap可以用什么-創(chuàng)新互聯(lián)
本文網址：http://muchs.cn/article2/dgidic.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、定制開發(fā)、網站維護、微信小程序、自適應網站、網站改版

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)