Css 推特引导,图标拉左垂直对齐
我曾尝试将下拉链接中的图标与“左拉”类对齐,但现在它没有垂直对齐到中心,主要问题是我不想使用纯css来解决这个问题,因为我确信有一个内置类的引导解决方案,但我自己找不到。我说得对吗Css 推特引导,图标拉左垂直对齐,css,twitter-bootstrap,Css,Twitter Bootstrap,我曾尝试将下拉链接中的图标与“左拉”类对齐,但现在它没有垂直对齐到中心,主要问题是我不想使用纯css来解决这个问题,因为我确信有一个内置类的引导解决方案,但我自己找不到。我说得对吗 <div class="navbar"> <div class="navbar-inner"> <a class="brand" href="#">Dbgr.lt</a> <ul class=
<div class="navbar">
<div class="navbar-inner">
<a class="brand" href="#">Dbgr.lt</a>
<ul class="nav">
<li class="active"><a href="#">Posts</a></li>
<li><a href="#">Blogs</a></li>
<li><a href="#">Questions</a></li>
<li><a href="#">People</a></li>
</ul>
<ul class="nav pull-right">
<li class="dropdown" id="fat-menu">
<a data-toggle="dropdown" class="dropdown-toggle text-center" role="button" id="drop3" href="#" style="min-width: 100px;">
<i class="icon-user pull-left"></i>
Admin
<b class="caret"></b>
</a>
<ul aria-labelledby="drop3" role="menu" class="dropdown-menu">
<li role="presentation"><a href="#" tabindex="-1" role="menuitem">Action</a></li>
<li role="presentation"><a href="#" tabindex="-1" role="menuitem">Another action</a></li>
<li role="presentation"><a href="#" tabindex="-1" role="menuitem">Something else here</a></li>
<li class="divider" role="presentation"></li>
<li role="presentation"><a href="#" tabindex="-1" role="menuitem">Separated link</a></li>
</ul>
</li>
</ul>
</div>
</div>
-
小提琴:试试这样的
.pull-left{
margin-top: 3px;
}
jsFiddle:我想您刚刚手动将它对准中心。我说得对吗?当使用不同的浏览器(实际上是我们可爱的IE)时,它可能不起作用。。海报要求更具响应性。