Twitter-Bootstrap - put simple elements inline

Question

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.

score 30 · Accepted Answer · answered Mar 26 '13 at 10:21

30

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>

answered Mar 26 '13 at 10:21

James Donnelly

126,410
34
208
218

1

yes you are right, it was a css problem on my own stylesheet, thank you very much i'll accept your answer – itsme Mar 26 '13 at 10:24
2

But, what about twitter bootstrap? – kaleemsagard Dec 15 '14 at 21:15
In this context, Bootstrap and Twitter Bootstrap are the same thing. – FlyingNimbus Mar 03 '16 at 11:31
This does not work, you can't put two elements inline that overflow the parent element. Perhaps you might want to insert more characters.... – obinoob Nov 20 '17 at 13:11

Twitter-Bootstrap - put simple elements inline

1 Answers1

Linked