我在 Meteor 中使用引导程序,发现这里有一个经过修改的平面设计:http: //designmodo.com/demo/flat-ui/。这些文件中似乎有一组修改后的引导文件。是否有可能以某种方式使用这些 css 和 js 文件来覆盖默认引导文件以在仪表应用程序中获取 Flat-UI?谢谢!
4 回答
这很简单:
从 flatui 站点解压缩 flat-ui-master.zip 的内容,然后按照以下步骤操作:
在您的应用根目录中创建这些文件夹:/client/stylesheets
将 .zip 的内容复制到 /stylesheets
删除 index.html 和 README.md 文件,因为它们可能会导致您的应用程序崩溃,并且不需要
流星会自动处理其余的事情。
虽然手动插入文件有效,但我使用的是流星包jss:flat-ui
meteor add jss:flat-ui
它会自动添加 flat-ui 和 twbs:bootstrap。
请注意,在安装它之前删除任何引导程序包可能会更好,我一直在一个安装了 mizzao:bootstrap 并且登录 ui 不起作用的项目中,所以我删除了 mizzao:bootstrap 并重新安装了 flat-ui 以使其工作。
你可以使用任何你想要的 CSS,Meteor 不在乎。
我不会添加引导流星包,我只是下载你想要的 css 文件并将它们放在你的项目中。这样您就可以准确地知道使用了哪些文件,并且可以轻松地进行更改。
以下是有关如何构建应用程序的一些信息:https ://github.com/oortcloud/unofficial-meteor-faq#where-should-i-put-my-files
我创建了一个 shell 脚本,以从预编译的发行版或您自己的 Bootstrap Git 存储库克隆生成自定义引导 Meteor 包。您可以在这里找到它以及使用信息:https ://github.com/wojas/meteor-package-bootstrap
只需解压缩包含文件的 ZIP 文件并从主题文件夹中运行此命令:
/path/to/meteor-package-bootstrap.sh $your_meteor_project/packages/bootstrap