Comment faire pour insérer un espace entre le texte et l'icône dans le bootstrap?

J'utilise bootstrap dans mon site web .Quand j'ajoute glyphicon glyphicon-utilisateur classe à l'une des balises les icônes apparaissent avec tout l'espace .S'il vous plaît conseils

<a style="padding-left: 10px; padding-right: 10px; border-left-width: 10px; border-left-style: solid; margin-left: 10px;" id="dnn_dnnUser_enhancedRegisterLink" title="ثبت‌نام" class="glyphicon glyphicon-user" rel="nofollow" >ثبت‌نام</a>

Comment faire pour insérer un espace entre le texte et l'icône dans le bootstrap?

InformationsquelleAutor hmahdavi | 2015-11-28
  1. 6

    Mettre &nbsp; entre le texte et l'icône.

    Exemple:

    <a style="padding-left: 10px; padding-right: 10px; border-left-width: 10px; border-left-style: solid; margin-left: 10px;" id="dnn_dnnUser_enhancedRegisterLink" title="ثبت‌نام"  rel="nofollow" >
    ثبت‌نام &nbsp; <span class="glyphicon glyphicon-user"></span>
</a>

    Un espace fera également

    <a style="padding-left: 10px; padding-right: 10px; border-left-width: 10px; border-left-style: solid; margin-left: 10px;" id="dnn_dnnUser_enhancedRegisterLink" title="ثبت‌نام"  rel="nofollow" >
    ثبت‌نام <span class="glyphicon glyphicon-user"></span>
</a>

    EDIT:

    Que votre commentaire ci-dessous que vous ne pouvez pas ajouter des balises à l'intérieur du a balise, vous pouvez rajouter une &nbsp; ou un espace, mais à l'aide de votre code, l'icône est placée sur la gauche, pas à droite comme le montre l'image.

    À l'aide de votre code d'ajouter un &nbsp; ou un espace avant le texte, mais l'icône est sur la gauche.

    <a style="padding-left: 10px; padding-right: 10px; border-left-width: 10px; border-left-style: solid; margin-left: 10px;" id="dnn_dnnUser_enhancedRegisterLink" title="ثبت‌نام" class="glyphicon glyphicon-user" rel="nofollow" >&nbsp;ثبت‌نام</a>
    InformationsquelleAutor John Louie Dela Cruz
  2. 1

    En supposant que le texte est à gauche, que diriez-vous style="padding-left:10px" de votre durée?

    <p>Envelope icon as a link:
    <a href="#">
      <span style="padding-left:10px" class="glyphicon glyphicon-envelope"></span>
    </a>
  </p>
    InformationsquelleAutor user3590235
  3. 0

    Ajouter deux travées à l'intérieur de la balise d'ancrage, l'un pour la tenue de votre texte, et un pour le glyphicon:

    <a>
    <span class="glyphicon glyphicon-user" style="margin-right: 10px"></span>
    <span>your text</span>
</a>
    • Je ne peux pas ajouter des balises dans un tag .parce que je utiliser dotnetnuke et si j'ajoute des balises dans le contrôle de lien hypertexte d'erreur.C'est une balise asp contrôle de lien hypertexte
    • Il ne fait aucune différence notable pour moi.
    InformationsquelleAutor Tarun Dugar