Propeller框架结合了Bootstrap和Google Material Design

它是现代UI风格的一部分,它更多地侧重于平面设计着重于UX和可用性模式

毫不奇怪,Google的材料设计非常受欢迎。

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

它带有25个UI元素的组件库以及自定义模板,以加快生产速度。

这个完全响应的开源框架完美地发挥了物质作用。

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

这是好地方,涵盖了文件夹结构,基本站点设置,使用组件以及如何自行定制工具包。

如果您真的想潜水,请查看文档页面

Propeller框架结合了Bootstrap和Google Material Design

但是,它经过大量定制以模仿材料设计的动画和设计思想。

大多数组件都在Bootstrap的类之上运行,因此您正在使用真正的BootStrap代码库

困难的部分是要找到与您的站点匹配的确切组件,因为有很多可供选择。

下拉菜单,表单,带标签的小部件和进度条,所有这些组件都遵循材料设计风格,并且设置起来超级容易。

开发人员在此框架上做得非常出色,它确实与材料样式匹配。

一般来说,Propeller 遵循Google的大多数设计准则

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

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

这个包没有很多示例页面,但是您可以在Propeller网站上查看其外观。

如果您不熟悉该框架,则可以下载整个套件并进行修补。

它是构建最简单的框架之一,并且可能会持续数年。

如果您正在寻找一个实质性的主题,那么此框架已可以投入生产


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