web-dev-qa-db-fra.com

Twitter-Bootstrap - mettez des éléments simples en ligne

Y a-t-il quand même pour mettre 2 <a> éléments affichés en ligne?

j'ai essayé :

<div class="form-inline">
<a>jjj</a>
<a>sss</a>
</div>

et aussi

 <div class="row-fluid">
    <a class="inline">jjj</a>
    <a class="inline">sss</a>
    </div>

mais ça ne marche pas.

htmlcsscss3twitter-bootstrapinline
23
itsme

Les balises d'ancrage par défaut doivent être affichées inline. Vous devez avoir un style supplémentaire les définissant pour qu'ils s'affichent en tant qu'éléments block ou quelque chose de similaire.

En utilisant votre code, voici un fonctionnement JSFiddle .

Inspectez votre page pour savoir où le display de l'ancre est défini et modifiez-le ou définissez l'élément sur display:inline après cela. Comme vous l'avez déjà ajouté class="inline" vous pouvez simplement ajouter:

a { display:block; /* Pre-existing code */ }
a.inline {
    display:inline;
}

De plus, je ne pense pas que row-fluid est conçu pour fonctionner sans les autres éléments échafaudage de Bootstrap, si vous voulez une ligne pleine largeur, vous devez utiliser:

<div class="row-fluid">
    <div class="span12">
        <a class="inline">jjj</a>
        <a class="inline">sss</a>
    </div>
</div>
31
James Donnelly