Pas d'espacement entre les étiquettes de bootstrap

Dans ma demande, je suis en train d'avoir plusieurs conecutive étiquettes, comme dans cette jsbin:

Pas d'espacement entre les étiquettes de bootstrap

Au lieu de cela, j'obtiens ceci:

Pas d'espacement entre les étiquettes de bootstrap

Comme vous pouvez le voir, pas d'espacement entre les étiquettes. C'est probablement en raison d'un problème dans mon CSS, mais je suis incapable de trouver le coupable.

Où est l'espacement entre les étiquettes définies dans le bootstrap? Sachant que me permettrait d'affiner les bug-recherche dans mon CSS.

source d'informationauteur dangonfast

  1. 15

    Cela n'a rien à voir avec votre CSS. Il suffit d'ajouter un espace ou un saut de ligne entre votre ".l'étiquette de" balises.

    Ce qui m'est arrivé lorsque le cadre j'ai commencé à utiliser pour compresser le code HTML afin d'économiser quelques octets.

    Vous pouvez voir cet effet sur ce jsbin.

    Pas d'espacement entre les étiquettes de bootstrap

  2. 13

    Vous devez supprimer l'espace de à l'intérieur de l'étiquette.

    Suivantes s'étend sur n'ont pas de place entre les uns des autres:

    <span class="label label-primary"> Primary </span>
<span class="label label-default"> Default </span>

    Suivantes s'étend sur d'avoir le bon espacement entre eux:

    <span class="label label-primary">Primary</span>
<span class="label label-default">Default</span>

    Avis que le avant/après de l'espace blanc doit être retiré de à l'intérieur de l'élément span pour fonctionner correctement.

  3. 2

    L'espacement entre les étiquettes (à l'aide de <span>) n'est pas défini dans le bootstrap, en fait, c'est la valeur par défaut HTML CSS intégré dans le navigateur.

    Je ne suis pas sûr de ce que CSS pourrait causer d'espacement, comme celle entre le <span> éléments (en laissant de rembourrage et de la marge), mais je fortement soupçonner la raison pour laquelle il n'est pas à appliquer dans votre cas parce que vous avez un float:left; quelque part ajouté à votre durée éléments.

    Votre problème répliqué ici.

    Donc la solution est d'utiliser l'inspecteur de l'outil sur la <span> élément et de trouver la ligne, et de les effacer, où la float:left; est ajouté.

  4. 2

    Je l'ai fait.

    .label {
    margin-left: 5px; 
}

    Vous pouvez modifier votre fichier d'amorçage.css ou de modifier des moins et labels.moins et compiler.

    Le problème d'espace pourrait être quelque chose dans le code javascript. Je suis en train de tester sans javascript de bootstrap.