propeller芯片_Propeller框架结合了Bootstrap和Google Material Design

毫不奇怪，Google的材料设计非常受欢迎。 它是现代UI风格的一部分，它更多地侧重于平面设计 ， 着重于UX和可用性模式 。

通过采用材料设计概念并将其添加到Bootstrap中，我们获得了Propeller框架 。

这个完全响应的开源框架完美地发挥了物质作用。 它带有25个UI元素的组件库以及自定义模板，以加快生产速度。

您可以在GitHub上找到所有源代码 ，以及浏览器支持信息和最新更新。

如果您真的想潜水，请查看文档页面 。 这是好地方，涵盖了文件夹结构，基本站点设置，使用组件以及如何自行定制工具包。

大多数组件都在Bootstrap的类之上运行，因此您正在使用真正的BootStrap代码库 。 但是，它经过大量定制以模仿材料设计的动画和设计思想。

下拉菜单，表单，带标签的小部件和进度条，所有这些组件都遵循材料设计风格，并且设置起来超级容易。 困难的部分是要找到与您的站点匹配的确切组件，因为有很多可供选择。

一般来说，Propeller 遵循Google的大多数设计准则 。 开发人员在此框架上做得非常出色，它确实与材料样式匹配。

在“ 入门”页面上 ，您将找到四个不同的下载 ，每个下载用于不同的目的：

1. 以材料为主题 –适用于需要材料设计风格的现有Bootstrap网站
2. Propeller套件 –完整CSS / JS库可供生产
3. 独立运行 –您可以为自己的项目复制/粘贴的单个组件
4. 管理模板 –使用Propeller制作的自定义管理面板模板

如果您不熟悉该框架，则可以下载整个套件并进行修补。 这个包没有很多示例页面，但是您可以在Propeller网站上查看其外观。

如果您正在寻找一个实质性的主题，那么此框架已可以投入生产 。 它是构建最简单的框架之一，并且可能会持续数年。

翻译自: https://www.hongkiat.com/blog/bootstrap-material-design-propeller-framework/