bootstrap 用來構建大型互聯網網站前端布局可行性如何？

01-19

前端小白，煩請各位大神多多給意見。
1、bootstrap 基礎包體積較大，對性能影響會不會很大。
2、bootstrap 升級和擴展性如何。
3、bootstrap 構建大型網站前端布局需要注意什麼問題。
4、bootstrap 自定義樣式和學習成本如何。

首先謝邀，我來道道我自己的看法

1、bootstrap 基礎包體積較大，對性能影響會不會很大

先說包的問題吧，自從Bootstrap帶有LESS或Sass版本時，包的大小是可以根據自己的業務需求來決定的，你需要的用到的部分載入，不需要的就可以不載入，這樣就減少了包的大小。另外在此基礎上也可以進行二次開發，避免覆蓋樣式造成樣式冗餘。說完CSS，再來說一下JS吧，同樣的，Bootstrap為不同的交互功能提供了對應的js文件,你完全沒有必要直接載入bootstrap.min.js文件。

2、bootstrap 升級和擴展性如何。

一般情況之下是碰不到升級這樣的現像，如果你要升級，可以考慮你在網站大改之時進去升級。因為bootstrap每個版本的變化還是蠻大的，你想從舊的版本直接升級到新的版本，那是有點麻煩的，或許會給你帶來災難性的問題。對於擴展，分兩個部分，首先是樣式部分，你要是懂得CSS預處理器LESS或Sass，你所要的擴展都可以在這個基礎上進行擴展，對於JS部分，你也可以在此基礎上增加你自己需要的交互功能。

3、bootstrap 構建大型網站前端布局需要注意什麼問題。

對於網站的布局，其實沒有太多刻意的要求，如果你使用Bootstrap，那麼你的布局應該遵循Bootstrap的網格系統，在此基礎上，最好你的設計師懂得一些相關的知識，不然也會讓你有些痛苦。當然你可以放棄Bootstrap網格功能，重新按你自己的需求布局。

4、bootstrap 自定義樣式和學校成本如何。

Bootstrap自定義樣式這一塊就不多說了，前面幾點也提到了。來說一下學習成本，學習Bootstrap的成本還是不算高的，你只要懂得HTML+CSS(或者LESS、Sass)就能將Bootstrap運用自如，如果你對JS也了解，那使用起來就更方便。而且官方文檔寫得非常的詳細，仔細閱讀或使用時將其當作API查詢，就能很好的將Bootstrap用好。

僅供參考。

用吧，先是使用，用著用著你就知道它各個細節是如何實現的了，然後對它的優劣有了一定的認識之後就可以自己寫了。

它畢竟凝結了不少前人的經驗，從使用它開始學習樣式比一開始就自己慢慢摸索好多了。

比如，它的網格系統，實際上是在float:left的基礎上基於寬度百分比和margin-left來實現的。當你不滿足於橫向12等分的細度的時候，就可以自己實現一套網格系統。當然，記得清除浮動。

如果不是用了bootstrap，我大概不知道這樣實現流式布局。

前端的成長曆程一般是這樣的：

苦學html css css3 js jquery angularJS 。。。好麻煩啊

矮油我艹 bootstrap簡直屌爆了

bootstrap什麼鬼簡直太難用了調個樣式像吃屎一樣還是我自己寫吧

……自己及身邊的比較成熟的程序猿親身經歷

所以問題在於這個大型網站對於前端界面的要求有多高，至於響應式用js控制還是不難的，如果題主這也做不到的話，我想還是繼續學習一些東西吧（非噴無惡意）。

1、bootstrap 基礎包體積較大，對性能影響會不會很大。

我只針對這一點來回答，樓上說可以選擇模塊構建的可以解決問題，但更正確的方式，而且大家都應該開始做的事情，是對於常用的前端庫，開始使用CDN。CDN不僅僅是有帶寬，地理就近原則等優點，更關鍵的是，假設500家網站對於bootstrap-v4庫使用同一CDN載入，用戶在這500家網站內進行切換時，這個前端庫都可以被緩存而根本不涉及性能的問題了。

7 Reasons to use a Content Delivery Network

所以，對於前端開發第一大庫，你幾乎可以確定體積，性能都不是事兒，唯一要確定的是這個庫能不能滿足你的business需求。

首先吧，你得跟公司說好，放棄ie6！

恕我孤陋寡聞，大型互聯網網站前端布局沒有用bootstrap的吧。

當然可以

目前，我們公司從網上找了一套bootstrap做的後台模板藉此開發某公司的h後台管理系統。該套模板就我來看大部分可能用到的組件功能還是有的，但是實際開發時會有很多功能不全，所以我後期又補充了些。沒辦法，我們的需求太奇葩了。

第一，他們要支持全鍵盤操作，也就是不用滑鼠，只用tab切換上下左右和enter鍵就能操作網頁，好吧我盡量做了。

第二，有一個國省市區四級聯動的地區選擇插件，網上幾乎找不到這樣的插件，最多省市區，只能自己開發。

第三，我們居然還有一個搜索框列表，且支持鍵盤操作，可以參考知乎和優酷的那種搜索框，然後我粗略看了一下，並且照著bootstrap的data的定義寫法寫成了一個簡易的插件，只要在input框里加上自定義的屬性就能變成搜索框。其他還有很多坑。

所以我覺得只要項目健全，bootstrap做後台模板開發還是可行的。

bootstrap的代碼覆蓋到很多你沒有了解過的細節，沒有大牛帶隊時是一個比較穩妥的，不容易搞崩的框架，而且將其作為基礎來修改自己的樣式也很方便。我在的公司，沒大牛帶，也不用框架，一群菜鳥前端自由發揮寫頁面，當代碼越來越多的時候，修bug比寫新代碼還痛苦，你體會一下。

bootstrap讓我打開了新世界的大門，在用了半年之後我照著它弄了一個精簡版用來做自己公司的網站，主要就是保留了柵欄布局和表單樣式命名規範及樣式控制方法，再單獨寫一個彈出插件。簡直爽到爆，簡單好用代碼還少。

其實我想表達的就是，框架都是有冗餘的，最好的做法就是吸收長處並用到自己身上。

同時，多多了解新流行的框架能讓自己受益匪淺

你猜 http://twitter.com 是啥？

bootstrap

優勢基於css3, 版本發展的比較jqueryUI快， grid system 較強，用在新版瀏覽器和掌上設備有優勢反之用jqueryUI,

劣勢有些jqueryUI核心的組件不包含，版本之間有衝突要會寫代碼，
最好不要跟jquery用在一個頁面，因bootstrap 和 jquery UI 開發上有 namespace 上的重合

做project前想清楚需求很重要

直接說結論吧——如果你的網站還需要兼容IE678

建議你還是不要用bootstrap了

或者專門針對IE678專門做一套網頁

因為bootstrap兼容性並不好，在目前還無法徹底消滅IE678的時候還是需要謹慎的

爭對第四點，根據自身的經驗來說一下下。

網格之於網站布局是好的，切不可貪圖一時之快，濫用了網格。

尤在局部或者細微之處的布局，使用網格要三思。

因為很多時候網格布局，不假思索的使用，會引入多餘的HTML結構，導致頁面臃腫，性能不好，也難於維護。

使用網格我個人會基於一條看似無關的準則，語義化web準則(有興趣可以自行搜索)。

網格雖好，可不要貪戀噢！

bootstrap還是很不錯的

bootstrap有一個應用版的也就是.min版的用在開發上的時候對於性能是不會有太大影響的！

1、

你猜百度首頁載入的代碼包多大

2、

不要手賤更新版本。。。

結構樣式太繁瑣。。。改造起來和自己重新寫的成本差不多。。。不喜歡。。。當然沒有美工設計圖。。還是用吧。。

你提到的問題，其實都不需要問。只要你開始使用它來做項目，一切問題迎刃而解。

有一點覺得很奇怪，一定要兼容ie6才叫兼容性？我覺得bootstrap的兼容非常好啊！