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; }
how can make list items (home, repairs/upgrades, etc.) line logo?
you can change list css tag
.li{ margin-top:5%; }
Comments
Post a Comment