Comment utiliser bootstrap dans Meteor?

j'essaie d'utiliser bootstrap dans meteor 1.0. J'ajoute le paquet bootstrap dans meteor avec cette commande: "meteor add bootstrap". Mais ça ne peut pas marcher pour moi correctement.

j'ai besoin d'une ligne avec deux colonnes. C'est mon code 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>

mais je vois deux lignes avec une largeur de 100%. Là où le container ou le container-liquide fonctionne, je vois que c'est l'un de l'écran. Quel est le problème? Je dois relier bootstrap.css dans l'en-tête? Mais Meteor fait cela automatiquement IMHO.

Merci vous.

17
demandé sur FullStack 2014-11-03 12:49:18

4 réponses

En utilisant meteor add bootstrap vous ajoutez en fait Bootstrap 2.3, qui ne sait pas col-md-x classes. Passez à Bootstrap 3 en utilisant meteor add twbs:bootstrap qui installera le bootstrap framework officiel (v3) ou ajustera votre code à

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

personnellement, je préfère utiliser Bootstrap 3 au lieu du paquet core bootstrap fourni avec Meteor core. En outre, le paquet boostrap fourni par MDG est marqué comme obsolète.

22
répondu Stephan 2015-03-11 11:11:40

je recommande d'installer le paquet officiel soutenu par Twitter Bootstrap:

meteor add twbs:bootstrap

voir leur GitHub pour plus de détails

14
répondu FullStack 2015-04-15 14:29:21

à partir de Meteor 1.3 qui offre de première classe npm support, l'approche recommandée est d'installer Bootstrap directement à partir de npm.

$ meteor npm install --save bootstrap

(Cela permet également d'économiser bootstrap dans votre package.json fichier pour que quelqu'un d'autre qui vérifie votre application puisse l'installer avec meteor npm install.)

puis, dans n'importe quel fichier JS côté client (par exemple /client/main.js):

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

si vous êtes intéressé par des installations Bootstrap plus personnalisées en utilisant SASS / SCSS, etc. découvrez ce post.

7
répondu Andrew Mao 2017-12-07 20:23:51

Avez-vous essayé avec un autre paquet? Par exemple avec:https://atmospherejs.com/mizzao/bootstrap-3

je pense que ce météore a fait tomber le paquet de Bootstrap.

2
répondu juliancwirko 2014-11-03 10:13:40