bootstrap使用中nabar-brand和nabar-left的问题

网站头部模板编写的时候img标签中的logo图片总是溢出
类似这样

代码如下

<div class="navbar-header">
            <a class="navbar-brand" href="http://www.itdiffer.com"><img src="{% static '/images/logo3.jpg' %}" width=60px"></a>
</div>

查询了解bootst中的navbar-brand默认是放文字的，放图片也可以，不过要尽可能选择小的图片，图片稍大就会向上面那样logo靠下

在这里建议使用navbar-left

修改之后

完美