Jak korzystać z bootstrap w Meteor?

Próbuję użyć bootstrap w meteor 1.0. Dodaję pakiet bootstrap do meteoru za pomocą następującego polecenia: "meteor add bootstrap". Ale to nie działa poprawnie dla mnie.Jak korzystać z bootstrap w Meteor?

Potrzebuję jednego wiersza z dwiema kolumnami. To jest mój 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>

Ale widzę dwa rzędy ze 100% szerokości. W miejscu, w którym działa pojemnik lub płyn w pojemniku, widzę, że to jeden z ekranów. Na czym polega problem? Potrzebuję połączyć bootstrap.css w nagłówku? Ale Meteor robi to automatycznie IMHO.

Dziękuję.

Źródło

2014-11-03 dvplut

Dla Meteor 1.3+ sprawdź to rozwiązanie: http://stackoverflow.com/a/37333520/276311 –

Używając meteor add bootstrap, dodajesz Bootstrap 2.3, który nie zna klas col-md-x. Albo przełączyć się na używanie Bootstrap 3 Korzystanie meteor add twbs:bootstrap który zainstaluje oficjalne ramy Bootstrap (V3) lub dostosować kod do

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

Osobiście wolę korzystania Bootstrap 3 zamiast rdzenia pakiet bootstrap pochodzących z Meteor rdzenia. Ponadto pakiet boostrap udostępniony przez MDG to marked as deprecated.

Źródło

2014-11-03 10:21:28 Stephan

Tak, ta praca dla mnie! Dziękuję Ci. Nie rozumiem, dlaczego w Meteorze domyślnie używam starszego bootstrapu. Z JQuery mamy taką samą sytuację? – dvplut

Myślę, że Bootstrap został dodany we wczesnych dniach, aby mieć łatwy sposób na sprawienie, by było trochę ładniej (również 3 wtedy nie było). Ponieważ Stylizacja nie jest główną cechą, nadal istnieje, ale nie ma priorytetu, a MCR nie marnuje zasobów na jego utrzymanie. jQuery jest na poziomie 1.11.0 i tylko trochę z tyłu. – Stephan

Czy próbowałeś z inną paczką? Na przykład z: https://atmospherejs.com/mizzao/bootstrap-3

Myślę, że Meteor zrzucił podstawowy pakiet Bootstrap.

Źródło

2014-11-03 10:13:40 juliancwirko

Próbuję tego pakietu, to działa dla mnie. Dziękuję Ci. – dvplut

Bez obaw - teraz istnieje oficjalne wsparcie Bootstrap dla Meteor! (zobacz moją odpowiedź) – FullStack

polecam zainstalowanie oficjalny Twitter Bootstrap wspierany pakiet:

meteor add twbs:bootstrap

zobaczyć ich GitHub więcej szczegółów

Źródło

2015-04-15 14:29:21 FullStack

Czy jest instrukcja instalacji tego pakietu? Dodanie pakietu do Meteora nie wydaje się dodawać plików ... Wiem, że w innych pakietach bootstrap istnieje procedura instalacji do renderowania plików za pierwszym razem. – robertdavid

Począwszy od Meteor 1.3, która oferuje pierwszorzędne npm wsparcia, zalecaną metodą jest zainstaluj Bootstrap bezpośrednio z npm.

$ meteor npm install --save bootstrap

(Oszczędza również bootstrap w pliku package.json więc ktoś, kto sprawdza swoją aplikację można zainstalować go z meteor npm install.)

Następnie w dowolnym pliku JS po stronie klienta (np /client/main.js):

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

Jeśli jesteś zainteresowany bardziej dostosowanych Bootstrap instaluje użyciem Sass/SCSS itp sprawdzeniu this post.

Źródło

2017-12-07 20:18:37

Jak korzystać z bootstrap w Meteor?

Odpowiedz

Powiązane problemy