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

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

спасибо.

источник

2014-11-03 dvplut

Для Meteor 1.3+ проверить это решение: http://stackoverflow.com/a/37333520/276311 –

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

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

Лично я предпочитаю использовать Bootstrap 3 вместо основного загрузочного пакета, поставляемые с ядром Метеора. Кроме того, пакет поддержки, предоставляемый ЦРТ, составляет marked as deprecated.

источник

2014-11-03 10:21:28 Stephan

Да, эта работа для меня! Спасибо. Я не понимаю, почему в Meteor по умолчанию используется старшая бутстрап. С JQuery мы имеем такую же ситуацию? – dvplut

Я думаю, что Bootstrap был добавлен в первые дни, чтобы иметь простой способ сделать вещи немного более красивыми (также 3 не были тогда). Поскольку Styling не является основной особенностью, он по-прежнему находится вокруг, но у него нет приоритета, и ЦРТ не тратит ресурсы на его поддержание. jQuery находится в 1.11.0 и немного отстает. – Stephan

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

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

источник

2014-11-03 10:13:40 juliancwirko

Я пробую этот пакет, это работа для меня. Спасибо. – dvplut

Не беспокойтесь - теперь есть официальная поддержка Bootstrap для Meteor! (см. мой ответ) – FullStack

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

meteor add twbs:bootstrap

Смотрите их GitHub для получения более подробной информации

источник

2015-04-15 14:29:21 FullStack

Есть ли руководство по установке этого пакета? Добавление пакета в Meteor, похоже, не добавляет файлы ... Я знаю, что с другими пакетами bootstrap существует процедура установки для рендеринга файлов в первый раз. – robertdavid

Начиная с Meteor 1.3, который предлагает первоклассное поддержку НПМ, рекомендуемый подход к установите 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 и т.д. проверить this post.

источник

2017-12-07 20:18:37

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

ответ

Смежные вопросы