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> 

enter image description here


Comments

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -