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.
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>