Bootstrap 3.0长列表文本和徽章

Question

在bootstrap 3中考虑带徽章的列表。

如果列表文本很长，徽章将保留在第一行。请参阅http://jsfiddle.net/eXxQj/

    <div>
        <ul class="list-group">
            <li class="list-group-item"> 
               <span class="badge">27363 363 364 464 4654 6134232 32 262</span>
                  A very long text and a very long text and a 
                  very long text and a very long text and a very long text and a very  
                  long text and </li>
            <li class="list-group-item"> <span class="badge">2</span>
                 small text</li>
            <li class="list-group-item"> <span class="badge">1</span>
                 small text</li>
        </ul>
    </div>

是否可以在文本中间对齐徽章？！我在下面试过，但没有帮助！ ：

<li class="list-group-item"> <span class="badge">123</span>
    <span style="vertical-align:middle;">
       Long text
    </span>
</li>

这就是我想要的

a very long text 
very               (badge)
long text...

Answer 1

您可以通过向相关元素添加margin-top:15px来解决此问题，但如果您动态创建列表，则可能不适用。