以bootstrap为代表的组件库到底包含些东西

四大部分

1：一套响应式(流式)布局，解决80%的前端布局问题。

2：重写常见标签，如何h1，ul，li。

3：一套前端常见组件库，例如按钮，卡片，列表。

4：一套公共样式，例如文本居中，向左浮动，padding,margin最佳实践，主题（整体色调）

以上四大部分都是为了两个目的

1：避免重复造轮子。

2：给使用者一套最佳实践进行参考，如果你不进行定制，就默认使用最佳实践。

给我们的启示

1：如果我们自己写一个组件库，我们可以从以上四个方面入手，中大型互联网公司一般都有自己的一套设计原则（不同的人审美自然不一样，1000个设计总监就有1000套设计原则），根据设计原则一般都需要设计一套组件库，国内比较出名应该就是ant design（我觉得很不错，很符合国人的审美观）,它是一个服务于企业级产品的设计体系，基于『确定』和『自然』的设计价值观和模块化的解决方案，让设计者专注于更好的用户体验。在做阿材网后台管理系统的过程中，因为当时angular4刚出，国内没有很好很全面的桌面端组件库，就用了外国人写的primeng,它的组件很全面，但是没有响应式布局，从审美上也不符合中国人的审美观。后来听说了ng-zorro(蚂蚁金服推出的基于angular的桌面端组件库)，了解之后，转向了ng-zorro的怀抱。

2：一般两套组件库是不兼容的。