垂直居中一个glyphicon

Question

如何在此上下文中垂直居中glyphicon(和badge)元素:

<ul class="list-group">
    <li class="list-group-item">
        Multi-line content...
        <span class="glyphicon glyphicon-chevron-right pull-right"/>
    </li>
    <li class="list-group-item">
        Multi-line content...
        <span class="badge">123</span>
    </li>
</ul>

通过多行内容,我的意思是不同数量的行,在某些情况下包装文本和各种字体大小.

这是为移动应用程序提供导航页面,其中包含右侧箭头的视觉提示.当内容包装或具有其他多线元素时,垂直居中是其他框架提供的,但它们通常使用背景图像.我正在使用Bootstrap 3.0.0.

Answer 1

这个怎么样..

.list-group-item span {
 margin-top: -0.5em;
}

演示： http: //bootply.com/95790