22

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.

0

1 Answer 1

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>
4
  • 1
    yes you are right, it was a css problem on my own stylesheet, thank you very much i'll accept your answer Mar 26, 2013 at 10:24
  • 2
    But, what about twitter bootstrap? Dec 15, 2014 at 21:15
  • In this context, Bootstrap and Twitter Bootstrap are the same thing. Mar 3, 2016 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, 2017 at 13:11

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.