使用Twitter Bootstrap 3 RC1和Meteor

时间:2013-08-07 18:26:53

标签: twitter-bootstrap meteor twitter-bootstrap-3

我正在尝试使用最新的Twitter Bootstrap 3 RC1和Meteor。我尝试使用bower安装它,但是由于引导程序包(_includes目录)中包含一些HTML或JS,Meteor引发了错误。我知道meteor有bootstrap package,但这是Bootstrap 2.3。

我想知道是否有办法忽略某些文件,以便Meteor不会尝试提供这些文件,或以其他方式来解决这个问题。

3 个答案:

答案 0 :(得分:4)

您是否尝试过自定义氛围包bootstrap3-less

广告。问题:我知道在客户端/服务器上将忽略test子目录,但这只是一个非常糟糕的地方。你试过把它放到lib / external吗? Unofficial Meteor FAQ也可能是一个很好的起点。

答案 1 :(得分:3)

现在这是我的解决方案,受到this answer的启发:

我使用以下.bowerrc config:

安装带有bower的Bootstrap
{
     "directory": "public/bower_components"
}

从这里开始,您可以使用Bootstrap直接将其包含在<head>中,如下所示:

<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"/>

或者您可以在较少的文件中使用它

@import "public/bower_components/bootstrap/less/bootstrap.less";

感谢@majodev的帮助。我认为bootstrap3-less很好,但通过使用它,我们引入了该软件包的开发人员更新到最新的Bootstrap版本的另一个依赖项。通过using bower,我们知道我们将始终拥有最新版本的bootstrap,或者我们想要的任何版本。

2013年8月9日更新:

要使用bootstrap.js,当前的解决方法是创建一个调用bootstrap.js文件的包。我是这样做的:

bootstrap

中创建packages目录
packages
└── bootstrap
    └── package.js

然后在package.js中,声明您要包含的js个文件,例如:

// package.js

Package.describe({
    summary: "Load bootstrap script."
});

Package.on_use(function(api) {
    api.add_files(['../../public/bower_components/bootstrap/dist/js/bootstrap.min.js'], 'client');
});

答案 2 :(得分:0)

不应再使用特定的方法或包来向Meteor添加Bootstrap功能,因为Bootstrap现已正式发布为Meteor包。

参见3.3.4 changelog http://blog.getbootstrap.com/2015/03/16/bootstrap-3-3-4-released/

  

Bootstrap is now also available as a Meteor package in the Atmosphere package index.