Как использовать bootstrap в Meteor?

Я пытаюсь использовать bootstrap в meteor 1.0. Я добавляю загрузочный пакет в 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 в заголовке? Но Meteor делает это автоматически IMHO.

спасибо вы.

17
meteor twitter-bootstrap

4 ответов

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

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

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

22

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

meteor add twbs:bootstrap

посмотреть их GitHub для более подробной информации

14

начиная с 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 и т. д. проверять этот пост.

7

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

Я думаю, что Meteor сбросил пакет начальной загрузки ядра.

2