為什麼Bootstrap不設計得像Semantic UI那樣簡潔易懂？

01-01

比如想建個導航欄（navbar），去bootstrap的官網上看到的就是一大坨代碼
Components · Bootstrap
而且對於`navbar-`前綴的那些類的文檔也很散亂..
相比較而言，Semantic的代碼就好看一些

http://semantic-ui.com/collections/menu.html#menu
我挺想知道的就是，為什麼Bootstrap不設計得也像Semantic UI那樣的簡短可讀性更高的類名和標籤結構呢？另外大家有沒有覺得Bootstrap3的文檔寫得有點亂呢？有系統學習Bootstrap框架或閱讀Bootstrap源碼的必要嗎？

1.Semantic ui 的css多採用多個樣式複合方式如：

& Save &

bootstrap大多採用的是前綴組合方式：

& ... &

相對來說Semantic 更加離散，強調碎片的可復用，而bootstrap是一組間的復用；各有利弊，bs相對來說能更明確地知道樣式的作用域，在sui中單獨拿出primary這個樣式，語義化就不是那麼充足了。

2.html標籤方面，sui更強調語義化標籤，如：

&&&&

bs方面還是側重於用div和樣式來表達，這個倒是sui更簡潔些。

3.js組件方面，相反我倒覺得bs組件方式更易讀些，構造函數和原型對象的典型應用，基於流行的jQuery Boilerplate模板，sui的js看起來實在有點費力。

總之，在審美疲勞,bs影子到處都是的情況下，sui還是個不錯的選擇，讓人眼前一亮，瀏覽器兼容方面兩個也都是半斤八兩，都是ie9+了。sui不錯，唯一讓我覺得不爽的就是js代碼一坨

謝邀, 不是很了解這些個 UI 框架, 但是有前綴也有有前綴的好處, 比如可以很明確地知道某個附加的樣式是可以用到什麼上面的, 沒有前綴的話, 某個 class 在這兒能用, 在另一個地方能不能用?

囧, 不過看起來挺好的, 學習下肯定沒問題.

bootstrap 還不簡潔？！

製作一般網頁方面這兩個沒什麼區別，semantic ui看似簡潔語意化，但大部分情況下還是要配合文檔和實際測試才知道一組class組合能否達到你要的效果。和bs3比也就是代碼量少一些（橫豎都要看文檔）。

要開發大型web app，還是更推薦Zurb Foundation，擴展性和嚴謹程度都勝過上面兩者。

semantic.min.js 242kb

semantic.min.css 494kb

bootstrap.min.js 43kb

bootstrap.min.css 86kb

你可以說Semantic-UI好看, 但怎麼能說它簡潔呢? 你認為的那種簡潔, 只是S的一種思路, 根本談不上簡潔, 而且S本身引以為豪的命名都還是很混亂的, 比如一個元素是否加ui都沒一套統一的規範.

個人感覺S在實際項目中最好別用. 它並不是一套成熟的UI框架. 主要原因:

1. 體積過大. 半兆的體積, 本地調試可能沒問題, 可在實際網路環境可不是什麼好事兒.

2. 沒形成統一規範. 看其開發文檔和開發進度, 明顯感受到作者是在一個一個插件去添加, 說白了是在做效果, 而不是做框架.

3. 自適應能力不強. 適合定寬的電腦網頁, 不適合自適應屏幕情況使用, 和現在的主流框架思想是相悖的.

還有一點, 不知道是我沒有搞懂還是確實這樣, 隨意不編號了. 就是再開發困難. BS等一些框架一些不太適用的參數, 我想修改一下是很方便的, 但是S我實在不知道怎麼下手, 試過幾次還是不能完全矯正.

好想吐槽Semantic UI了，感覺一些好基本的東西在文檔里完全找不到，感覺除了複製的文檔代碼可以用，自己組合都不行。。。。

bootstrap寫100k的網頁，類名至少10k，看著蛋疼

bs出來的早吧，s-ui多少有點取精去糟的那麼個意思。

就像早出來的庫總是在各種設計上被後來人超越之類的。

我只能說是站在前人的肩膀上做事情啊。

設計思路本來就不一樣，Semantic 使用起來非常簡單，可以快速搭建一個比較美觀 demo，然後就不要妄想亂加樣式了；當然，堆疊 class 的時候也最好照著文檔來，不然效果不會很理想;

Semantic 開發的時候感覺像是拖控制項，而 BS 就不同了，BS 開發不如 Semantic 迅速 (也可能是我的錯覺)，但是可以自己進行微調，感覺像是在巨人的肩膀上搭建摩天大樓。

應付學校的作業我會用 Semantic, 如果真正做項目，個人感覺用 Semantic 的不會太多，畢竟那麼臃腫就已經不佔優勢了。

先問是不是，再問為什麼。

我覺得至少從文檔方面來講，bs是比semantic要簡潔易懂的

加前綴就是為了易懂。

還是bootstrap比較完善吧，然後Semantic UI說它簡潔也只能說兩者設計思想不同，所以看起來比較簡潔吧，畢竟Semantic UI還有個嚴重缺陷就是不兼容ie8以下，bootstrap總體用戶比較多，而且兼容性比較高，還是挺不錯的。

Semantic UI更容易造成混亂，而且源碼真的挺亂了，不想多看一眼。