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.
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.
à 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.
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.