为啥Bootstrap不设计得像Semantic UI那样简洁易懂

Posted 2023-04-13

bootstrap大多采用的是前缀组合方式：

<div class="btn-group-vertical" role="group" aria-label="...">
...
</div>

相对来说Semantic 更加离散，强调碎片的可复用，而bootstrap是一组间的复用；各有利弊，bs相对来说能更明确地知道样式的作用域，在sui中单独拿出primary这个样式，语义化就不是那么充足了。
2.html标签方面，sui更强调语义化标签，如：
<header></header><nav></nav>
bs方面还是侧重于用div和样式来表达，这个倒是sui更简洁些。
3.js组件方面，相反我倒觉得bs组件方式更易读些，构造函数和原型对象的典型应用，基于流行的jQuery Boilerplate模板，sui的js看起来实在有点费力。
总之，在审美疲劳,bs影子到处都是的情况下，sui还是个不错 参考技术A SemanticUI—完全语义化的前端界面开发框架，跟Bootstrap和Foundation比起来，还是有些不同的本回答被提问者采纳

有哪些使用 semantic-ui 做前端组件库的网站

参考技术A 还是老实用bootstrap 加一些别的插件来扩展比较好；

semantic-ui 用它做过一个项目，感觉最大的问题是表单验证那块，文档不详细、api不合理，比如error的回调函数中的arguments 竟然没有出错的那个input对象；