如何在流星应用程序中自定义引导程序?

时间:2012-11-15 20:15:55

标签: twitter-bootstrap meteor

Meteor很棒,并且使用“智能包”支持bootstrap,可以包含这样的:

meteor add bootstrap

然后css,javascript和图像在运行时神奇地包含在浏览器中。这很好,但是我想自定义bootstrap,看起来不像网上的其他每个bootstrap网站。通常我会使用bootstrap customize功能,但这里没有。在流星环境中将自定义应用于引导程序的最佳方法是什么?

如果我可以从Bootstrap定制器生成LESS文件,将其放入我的目录并完成它,那将是特别理想的。事实证明,Bootswatch产生了CSS混乱的流畅布局,此外,任何第三方都会过早而不是过时。

4 个答案:

答案 0 :(得分:7)

嗯,似乎解决方案就像它一样简单。我只需在我的meteor应用程序的根目录中包含一个css文件就能覆盖默认值。我碰巧使用了来自Bootswatch的罐装css文件,但我认为也可以手动推出这个文件。

答案 1 :(得分:4)

我最终完全删除了meteor bootstrap包,并在git submodule内将其作为packages安装。

我制作了自己的自定义打包git repo meteor-bootstrap,我还添加了一个package.js文件,其中包含我要使用的文件的说明。 (参见分支meteor-packaged)。

我这样做是为了能够更改Bootstrap变量并自由使用LESS mixins,而不是包含每个Bootstrap JS文件。

答案 2 :(得分:0)

我创建了一个shell脚本,用于从预编译的发行版或您自己的Bootstrap Git存储库的克隆生成自定义引导程序Meteor包。

您可以在此处找到它以及使用信息: https://github.com/wojas/meteor-package-bootstrap

答案 3 :(得分:0)

此链接提供了一种使用Meteor引导程序的更好,更智能的方法。 定制是通过变量和mixins完成的。如果你愿意,你可以试试。


  

https://www.manuel-schoebel.com/blog/meteorjs-and-twitter-bootstrap-the-right-way