為什麼前端不用bootstrap
我關注的朋友關注了這個問題。我僅代表我個人觀點說說不用bootstrap的原因,這裡簡稱bs。
我在用bs的時候還處於前端入門階段,bs官方文件友好到任何類型的開發人員引用這個文件,複製貼上即可UI成型,也不需要補習太多前端知識。 (推薦學習:Bootstrap影片教學)
沒有設計師或急需趕工的情況下,它無疑是最有保障的css框架首選。使用它你無須擔心兼容,頁面塌陷等肉眼可見的bug,bs全都為你處理掉了,十分省心。
在一個專案的0階段,想要快速形成demo,bs是合適web端做打底衫的。
到了專案成長階段,bs的作用則會大打折扣。 bs無法完全滿足新需求致使的UI變化,尤其在非前端開發人員的調試下會因為知識經驗缺乏導致頁面臃腫佈局混亂,而隨著前端開發人員的成長,面對UI變化,大部分人反認為手寫比用bs更省事。
想基於bs做更加炫麗的頁面不通透這個框架是無法達到的,這是部分開發人員中途棄用bs的原因之一,但這個框架依然存在項目,日新月異後,bs會成為想抽離又無法抹去的泥巴。
開發人員在這塊泥巴上反覆修改揉捏,所以後來會常常思考,這個框架為專案到底做了什麼呢?
一開始你把bs當作打底衫,那它則只能用於打底。
而如果你想一開始把bs當作框架充分利用起來,則需要時間學習,需要付出成本去補充了解這個框架的前提知識,然而當你完全看懂了bs了解bs的源碼後,你會發現它在許多實現手法上並沒有你想像中的偉大,你也會躍躍欲試,甚至會想到更絕妙的思路完成同一個事情。
再來,多欄佈局是最常見的css佈局之一,實現的方式不下10種,它們分別應對各種各樣的業務場景,而bs的流式佈局堪稱撐起一片天,它的響應式看似獨霸天下能滿足80%的要求,但開發者們仍會保留20%用於追逐更高效的技巧,而且隨著前端的發展,原生bs流式佈局已然有更優的實現方式了。
其實如果一個前端工程師能夠對bootstrap或foundation這類框架有深入的了解的話,對技術、效率的提升還是挺明顯的。
所以,我想很多前端開發者們不用bootstrap框架的原因是因為他們已站在bs的肩膀上看到了更精彩的世界。
更多Bootstrap相關技術文章,請造訪Bootstrap教學欄位進行學習!
以上是為什麼前端不用bootstrap的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

如何使用 Bootstrap 獲取搜索欄的值:確定搜索欄的 ID 或名稱。使用 JavaScript 獲取 DOM 元素。獲取元素的值。執行所需的操作。

在 Vue.js 中使用 Bootstrap 分為五個步驟:安裝 Bootstrap。在 main.js 中導入 Bootstrap。直接在模板中使用 Bootstrap 組件。可選:自定義樣式。可選:使用插件。

使用 Bootstrap 實現垂直居中:flexbox 法:使用 d-flex、justify-content-center 和 align-items-center 類,將元素置於 flexbox 容器內。 align-items-center 類法:對於不支持 flexbox 的瀏覽器,使用 align-items-center 類,前提是父元素具有已定義的高度。

創建 Bootstrap 分割線有兩種方法:使用 標籤,可創建水平分割線。使用 CSS border 屬性,可創建自定義樣式的分割線。

在 Bootstrap 中插入圖片有以下幾種方法:直接插入圖片,使用 HTML 的 img 標籤。使用 Bootstrap 圖像組件,可以提供響應式圖片和更多樣式。設置圖片大小,使用 img-fluid 類可以使圖片自適應。設置邊框,使用 img-bordered 類。設置圓角,使用 img-rounded 類。設置陰影,使用 shadow 類。調整圖片大小和位置,使用 CSS 樣式。使用背景圖片,使用 background-image CSS 屬性。

要設置 Bootstrap 框架,需要按照以下步驟:1. 通過 CDN 引用 Bootstrap 文件;2. 下載文件並將其託管在自己的服務器上;3. 在 HTML 中包含 Bootstrap 文件;4. 根據需要編譯 Sass/Less;5. 導入定製文件(可選)。設置完成後,即可使用 Bootstrap 的網格系統、組件和样式創建響應式網站和應用程序。

如何使用 Bootstrap 按鈕?引入 Bootstrap CSS創建按鈕元素並添加 Bootstrap 按鈕類添加按鈕文本

要調整 Bootstrap 中元素大小,可以使用尺寸類,具體包括:調整寬度:.col-、.w-、.mw-調整高度:.h-、.min-h-、.max-h-
