Bootstrap 中的垂直堆叠跨度标签

Question

我正在尝试将跨度堆叠在引导 div.controls 内。多个 span.label 默认水平堆叠，但我希望每个 span.label 都垂直列出，在它自己的行上。

这就是我目前显示的方式：

<div class="controls readonly-display">
    <span class="label">test</span>
    <span class="label">test 2</span>
</div>

http://jsfiddle.net/gMN4f/3/

Answer 1

我同意您也许应该考虑使用列表，但如果没有，只需添加以下内容即可使您的跨度垂直堆叠：

span {
  position: relative;
  display: block;
}

这是一个例子： http: //jsfiddle.net/gMN4f/4/