javascript - Unable to get the desired look -


enter image description here trying align menus including menu, awards, present in right side of header horizontally.please provide code me provide menu horizontally instead of vertically.i've provided code snippet have used designing website using bootstrap, js.

            <div id="collapsable-nav" class="collapse navbar-collapse">                 <ul id="nav-list" class="nav navbar-nav navbar-right">               <li>                 <a href="menu-categories.html" class="pull-left">                     <span class="glyphicon glyphicon-cutlery"></span><br                class="hidden-xs">menu</a>               </li>                 <li>                    <a href="#">                     <span class="glyphicon glyphicon-info-sign"></span><br                class="hidden-xs">about                 </a>                </li>             <li>               <a href="#">                   <span class="glyphicon glyphicon-info-sign"></span><br                   class="hidden-xs">awards</a>             </li>             <li id="phone class="hidden-xs">               <a  href="tel:8461044634"><span>8461044634</span>                 </a><div>*we  deliver</div></li>               </li>         </ul>         </div>         </div>  

if have styled list bootstrap , trying override use !important. isnt best practice though. better remove bootstrap , try solve raw css.

li {   display: inline-block !important;  } 

good luck project.


Comments

Popular posts from this blog

resizing Telegram inline keyboard -

command line - How can a Python program background itself? -

php - "cURL error 28: Resolving timed out" on Wordpress on Azure App Service on Linux -