Pas de margin-bottom sur bootstrap bouton?

Je suis en utilisant le bouton de l'élément dans un bootstrap modèle.

Je me demandais si c'est le comportement normal dans le bootstrap :

Quand il n'y a pas assez d'espace pour afficher tous les boutons sur une seule ligne, ou lorsque la fenêtre est redimensionnée, certains boutons sont affichés sur une 2e ligne et c'est ok comme ça, mais il n'y a pas de marge-bas.

Je peux ajouter :

.btn {
    margin-bottom: 5px; 
}

Mais je trouve étrange qu'il n'est pas géré par bootstrap.

Peut-être que je suis en train de faire quelque chose de mal ?

SOURCE : http://jsfiddle.net/Vinyl/zx9oefya/

Pas de margin-bottom sur bootstrap bouton?

<button type="button" class="btn btn-primary btn_plus_infos" data-toggle="collapse" data-target="#plus_infos">Plus d'infos</button>
<button type="button" class="btn btn-primary btn_plus_infos" data-toggle="collapse" data-target="#plus_infos">Plus d'infos</button>
<button type="button" class="btn btn-primary btn_plus_infos" data-toggle="collapse" data-target="#plus_infos">Plus d'infos</button>
Je pense que le Bootstrap est attend de vous à utilisation sensible de balisage pour gérer cela...

OriginalL'auteur Sébastien Gicquel | 2014-10-17

  1. 13

    Dans le Bootstrap est buttons.less et button-groups.less il n'y a rien à propos de margin-top ou margin-bottom. Avoir une marge par défaut serait probablement en conflit lorsque les combinant avec d'autres éléments (par exemple un formulaire)

    Je pense que la meilleure solution serait peut-être en ajoutant toutes les touches à l'intérieur d'un btn-toolbar et le style de cette combinaison:

    .btn-toolbar .btn {
    margin-bottom: 5px; 
}
    Vous êtes correct. Si utilisé à l'intérieur d'un groupe, il a une marge sur le .formulaire-groupe, à l'intérieur d'un <p> il a également fait la même chose. Si vous regardez bootstrap exemples, ils écrire une classe pour ajouter de la marge pour la démonstration seulement.

    OriginalL'auteur ckuijjer

  2. 4

    Je pense que c'est le comportement normal ( pas sûr à 100%) parce que c'est plus "propre" pour ajouter une marge de nous-mêmes quand nous le voulons que d'avoir à enlever la marge par défaut quand on ne veux pas de ça, de mon avis...

    http://getbootstrap.com/components/#btn-groups

    Il n'y a pas margin sur bootstrap boutons d'exemples, seul le parent div classe btn-group mais c'est à venir à partir d'une autre feuille de style ( docs.min.css ). Donc je pense que c'est de cette façon pour les développeurs d'ajouter leurs propres margins.

    Voir ici:

    Pas de margin-bottom sur bootstrap bouton?

    OriginalL'auteur Berthy

  3. -1

    Juste ajouter l'espacement de la classe. m pour la marge et p pour le rembourrage.

     <button class="btn btn-success mr-2" type="submit">Add</button>
 <button class="btn btn-danger mr-2" type="button">Delete</button>

    donc, ici mr est à la marge de droite. de même, vous pouvez ajouter le faisons pour les autres cas.

    OriginalL'auteur ganesh pawar