html - Make two bootstrap drop-downs beside each other -
i want make these 2 drop-downs side side each other. tried using style="display: inline;"
not work. want them beside of each other. picture shown below how code displays buttons.
html:
<div class="nav notify-row" id="top_menu"> <!-- notification start --> <ul class="nav top-menu"> <!-- settings start --> <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" onclick="read();"> <i class="fa fa-globe"></i> <span class="badge"> <%=unread%> </span> </a> <ul class="dropdown-menu extended inbox"> </ul> </li> </ul> <!-- notification end --> <ul class="nav top-menu"> <!-- inbox dropdown --> <li id="header_inbox_bar" class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle"> <i class="fa fa-envelope-o"></i> <span class="badge"> 0 </span> </a> <ul class="dropdown-menu extended inbox"> <div class="notify-arrow notify-arrow-green"></div> <li> <p class="green"> have 0 new messages. </p> </li> </ul> </li> <!-- inbox dropdown end --> </ul> </div>
Comments
Post a Comment