css - Twitter Bootstrap ,图标拉左垂直对齐

标签 css twitter-bootstrap

我已经尝试将下 zipper 接中的图标与“向左拉”类对齐,但现在它没有垂直对齐到中心,主要问题是我不想使用纯 css 来解决这个问题,因为我确定有一个内置类 Bootstrap 的解决方案,但我自己找不到。我说得对吗?

    <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>

fiddle :http://jsfiddle.net/HX6ef/

最佳答案

尝试这样的事情

.pull-left{
    margin-top: 3px;
}

jsFiddle: http://jsfiddle.net/enve/HX6ef/1/

关于css - Twitter Bootstrap ,图标拉左垂直对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17412504/

相关文章:

php - krajee bootstrap 文件输入禁用/删除上传图标预览缩略图

html - Twitter Bootstrap 响应式导航栏在小屏幕上损坏

javascript - 如何将 bootstrap popover 添加到 Angular ng-repeat

javascript - jquery 日历插件不起作用

css - 选择某个父元素的多个子元素

html - 可拖动 div 的 Div 边距问题

css - 切换不适用于调整大小

javascript - 触发 onChange 时获取复选框状态

javascript - 1 div 的高度取决于其他 div 的高度?

html - CSS Flexbox 将列元素与边距等距展开