Align col in a bootstrap collapsable menu
- by Grimm
I got my hands on bootstrap recently and I'm still discovering it.
I made collapsable menu from a tutorial online but now that I want to had an image on each entry of my menu that I wasn't expecting.
I want my image to be always aligned to the text in the menu but it still getting on top of it.
I tried to remove row and col tag and forget about the responsiveness of my menu but it still doesn't work...
Here is the source code of my menu:
<div id="menu" class="menu nav-collapse collapse width">
<div class="collapse-inner">
<div class="navbar navbar-inverse">
<div class="menu_titlenav nav-tabs nav-stacked">
<h3>Menu</h3>
</div>
</div>
<div class="row well menu_entry">
<div class="span2 search_ico_ina"></div>
<div class="span9 search_ent_ina">Recherche</div>
</div>
<div class="row well menu_entry" >
<div class="span2 pro_ico_ina"></div>
<div class="span9 pro_ent_ina">Espace PRO</div>
</div>
<div class="row well menu_entry">
<div class="span2 account_ico_ina"></div>
<div class="span9 account_ent_ina">Mon Compte</div>
</div>
</div>
</div>
and the entire source:
http://jsfiddle.net/Grimtork/JLFMW/
