Twitter-Bootstrap - put simple elements inline

itsme picture itsme · Mar 26, 2013 · Viewed 93.9k times · Source

Is there anyway to put 2 <a> elements displaying inline?

i tryed :

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

and also

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

but it doesn't work.

Answer

James Donnelly picture James Donnelly · Mar 26, 2013

Anchor tags by default should be displayed inline. You must have some extra styling setting them to display as block elements or something similar.

Using your code, here is a working JSFiddle.

Inspect your page to find out where the anchor's display is being set and either modify that or set the element to display:inline after that. As you've already added class="inline" you can simply just add:

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

Also as a note I don't think row-fluid is designed to work without Bootstrap's other scaffolding elements, if you want a full-width row you should use:

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