Question

我试图在meteor 1.0中使用bootstrap。我用这个命令在meteor中添加bootstrap包：＆＃34; meteor add bootstrap＆＃34;。但它无法正常使用。

我需要一行有两列。这是我的HTML：

    <head>
    <meta charset="utf-8">
    <title>Аггрегатор новостей</title>
</head>

<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6">.col-md-6</div>
        <div class="col-md-6">.col-md-6</div>
    </div>
</div>
</body>

但我看到两行宽度为100％。在容器或容器流体工作的地方，我看到这是一个屏幕。问题是什么？我需要在头文件中链接bootstrap.css？但Meteor自动这样做恕我直言。

谢谢。

Answer 1

使用meteor add bootstrap实际上是在添加Bootstrap 2.3，它不知道col-md-x类。使用meteor add twbs:bootstrap切换到使用Bootstrap 3，它将安装官方Bootstrap框架（v3）或调整代码

<div class="span6">span4</div>

就个人而言，我更喜欢使用Bootstrap 3而不是Meteor核心附带的核心引导程序包。此外，MDG提供的boostrap包是marked as deprecated。

Answer 2

我建议安装官方Twitter Bootstrap支持的软件包：

meteor add twbs:bootstrap

有关详细信息，请参阅GitHub

Answer 3

从提供一流 npm 支持的Meteor 1.3开始，推荐的方法是直接从npm安装Bootstrap。

$ meteor npm install --save bootstrap

（这也会在bootstrap文件中保存package.json，因此签出您应用的其他人可以使用meteor npm install进行安装。）

然后，在任何客户端JS文件（例如/client/main.js）中：

import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/css/bootstrap-theme.css';

如果您对使用SASS / SCSS等更多自定义Bootstrap安装感兴趣，请查看 this post 。

Answer 4

您是否尝试过其他套餐？例如：https://atmospherejs.com/mizzao/bootstrap-3

我认为Meteor已经放弃了核心Bootstrap包。

如何在Meteor中使用bootstrap？

4 个答案: