Fatal编程技术网

Twitter bootstrap 如何在Meteor中使用引导？

twitter-bootstrap meteor

Twitter bootstrap 如何在Meteor中使用引导？,twitter-bootstrap,meteor,Twitter Bootstrap,Meteor,我正在尝试在meteor 1.0中使用引导。 我使用以下命令在meteor中添加引导包：“meteor添加引导”。 但它不能正确地为我工作 我需要一行两列。 这是我的html： <head> <meta charset="utf-8"> <title>Аггрегатор новостей</title> </head> <body> <div class="container-fluid"&

我正在尝试在meteor 1.0中使用引导。 我使用以下命令在meteor中添加引导包：“meteor添加引导”。 但它不能正确地为我工作

我需要一行两列。 这是我的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>


Аггрегатор новостей
.col-md-6
.col-md-6
但我看到两排，100%宽。容器或容器流体的工作原理，我看到这是一个屏幕。 有什么问题？ 我需要在标题中链接bootstrap.css？但是流星会自动做到这一点

谢谢。

您试过其他包裹吗？例如：

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

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

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

span4
就个人而言，我更喜欢使用Bootstrap3，而不是MeteorCore附带的核心引导包。此外，MDG提供的Bootstrap包是。

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

meteor add twbs:bootstrap
有关更多详细信息，请参见Meteor 1.3。Meteor 1.3提供了一流的npm支持，建议直接从npm安装引导程序

$ meteor npm install --save bootstrap
（这还将
引导程序
保存在您的
package.json
文件中，以便签出您的应用程序的其他人可以使用
meteor npm install安装它
）

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

如果您对使用SASS/SCSS等进行更多自定义引导安装感兴趣，请查看

是的，这是我的工作！非常感谢。我不明白为什么在Meteor中默认使用较旧的引导。对于JQuery，我们也有同样的情况吗？我认为在早期添加了引导功能，以便有一种简单的方法使事情变得更漂亮（当时也没有3）。由于造型不是核心功能，所以它仍然存在，但它没有优先权，MDG也不会在维护上浪费资源。jQuery的版本是1.11.0，只是有点落后。不用担心——现在有官方的Meteor引导支持！（参见我的答案）是否有安装此软件包的指南？将包添加到Meteor似乎不会添加文件。。。我知道，对于其他引导程序包，有一个安装过程可以第一次呈现文件。对于Meteor 1.3+请检查此解决方案： 
import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/css/bootstrap-theme.css';