我關注的朋友關注了這個問題。我僅代表我個人觀點說說不用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中文網其他相關文章!

Bootstrap是一個開源的前端框架,主要作用是幫助開發者快速構建響應式網站。 1)它提供了預定義的CSS類和JavaScript插件,方便實現複雜的UI效果。 2)Bootstrap的工作原理依賴於其CSS和JavaScript組件,通過媒體查詢實現響應式設計。 3)使用示例包括基本用法,如創建按鈕,以及高級用法,如自定義樣式。 4)常見錯誤包括類名拼寫錯誤和未正確引入文件,建議使用瀏覽器開發者工具調試。 5)性能優化可通過自定義構建工具實現,最佳實踐包括使用語義化HTML和Bootstrap的預定義

Bootstrap通過網格系統和媒體查詢實現響應式設計,使網站適應不同設備。 1.使用預定義類(如col-sm-6)定義列寬。 2.網格系統基於12列,需注意總和不超12。3.使用斷點(如sm、md、lg)定義不同屏幕尺寸下的佈局。

Bootstrap是一套開源的前端框架,用於快速開發響應式網站和應用。 1.它提供了響應式設計、一致的UI組件和快速開發的優勢。 2.網格系統使用flexbox佈局,基於12列結構,通過.container、.row和.col-sm-6等類實現。 3.自定義樣式可以通過修改SASS變量或覆蓋CSS實現。 4.常用JavaScript組件包括模態框、輪播圖和折疊。 5.優化性能可以通過只加載必要組件、使用CDN和壓縮合併文件來實現。

Bootstrap和JavaScript可以無縫整合,賦予網頁動態功能。 1)使用JavaScript操作Bootstrap組件,如模態框和導航欄。 2)確保jQuery正確加載,避免常見集成問題。 3)通過事件監聽和DOM操作實現複雜用戶交互和動態效果。

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

在 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 創建模態框?創建一個具有適當 HTML 結構的模態框。包含 Bootstrap 和 jQuery 庫以啟用模態功能。使用 JavaScript 或 jQuery 代碼顯示或隱藏模態框。


熱AI工具

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

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

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

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

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

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

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

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。