如何让配置文件图片(见图)说25/30像素,而不会扭曲导航栏？
这就是我现在所说的：
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="http://placehold.it/18x18" class="profile-image img-circle"> Username <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-cog"></i> Account</a></li>
<li class="divider"></li>
<li><a href="#"><i class="fa fa-sign-out"></i> Sign-out</a></li>
</ul>
</li>
这是结果：
但是,如果我将图像的大小更改为30×30,这是怎么回事,如何防止导航栏的扭曲：
我尝试清除图像上的边距和边界,但没有影响.
解决方法
你知道Kooki3所说的这一点,在Bootstrap样式表中有更多的特异性,所以只需将.profile-image更改为.navbar-nav> li> a.profile-image
编辑你的小提琴像这样,导航看起来完美的我：
.navbar-nav>li>a.profile-image {
padding-top: 10px;
padding-bottom: 10px;
}
