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/