css - Align logo and navbar list items? -


i have following navbar , included image of it:

<nav class="navbar navbar-default">     <div class="container">         <div class="navbar-header">             <a class="navbar-left" href="#"><img id ="logo" src="{% static 'core/images/logo_footer.png' %}"></a>         </div>         <ul class="nav navbar-nav navbar-right">            <li><a href="{% url 'index' %}">home</a></li>            <li><a href="{% url 'repairs_and_upgrades' %}">repairs/upgrades</a></li>            <li><a href="{% url 'remote_backups' %}">remote backups</a></li>            <li><a href="{% url 'networking' %}">networking</a></li>            <li><a href="{% url 'data_recovery' %}">data recovery</a></li>            <li><a href="{% url 'contact' %}">contact us</a></li>         </ul>     </div> </nav> 

css:

#logo {     height: auto;     width: auto;     max-height: 75px;     max-width: 250px; } 

bootstrap navbar

how can make list items (home, repairs/upgrades, etc.) line logo?

you can change list css tag

.li{  margin-top:5%; } 

Comments

Popular posts from this blog

ubuntu - PHP script to find files of certain extensions in a directory, returns populated array when run in browser, but empty array when run from terminal -

php - How can i create a user dashboard -

javascript - How to detect toggling of the fullscreen-toolbar in jQuery Mobile? -