Как использовать бутстрап в Meteor?

Я пытаюсь использовать bootstrap в meteor 1.0. Я добавляю пакет bootstrap в meteor с помощью этой команды: "meteor add bootstrap". Но он не может работать для меня правильно.

Мне нужна одна строка с двумя столбцами. Это мой 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 в заголовке? Но Метеор делает это автоматически ИМХО.

Спасибо.

ОТВЕТЫ

Ответ 1

Используя meteor add bootstrap, вы фактически добавляете Bootstrap 2.3, который не знает классы col-md-x. Либо переключитесь на использование Bootstrap 3 с помощью meteor add twbs:bootstrap, который установит официальную структуру Bootstrap (v3) или настроит ваш код на

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

Лично я предпочитаю использовать Bootstrap 3 вместо пакета начальной загрузки, поставляемого с ядром Meteor. Кроме того, пакет boostrap, предоставляемый MDG, отмечен как устаревший.

Ответ 2

Я рекомендую установить официальный загруженный пакет Twitter Bootstrap:

meteor add twbs:bootstrap

Подробнее см. GitHub

Ответ 3

Вы пробовали с другим пакетом? Например: https://atmospherejs.com/mizzao/bootstrap-3

Я думаю, что Meteor сбросил основной пакет Bootstrap.

Ответ 4

Начиная с Meteor 1.3, который предлагает первоклассную поддержку npm, рекомендуется использовать Bootstrap непосредственно из npm.

$ 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';

Если вас интересуют более настраиваемые установки Bootstrap с использованием SASS/SCSS и т.д., проверьте этот пост.