Fit Bootstrap＆＃34; Linked Items＆＃34;内容

Question

我有一组Bootstrap“链接项目”（fiddle example）。

<div class="list-group">
    <a href="javascript:void(0)" class="list-group-item">Project 1</a>
    <a href="javascript:void(0)" class="list-group-item">Project 2</a>
    <a href="javascript:void(0)" class="list-group-item">Project 3 has slightly longer text</a>
</div>

现在，行扩展到页面宽度的100％。如何使宽度适合文本内容？我希望它尽可能地缩小而不裁剪或包装文本。

Answer 1

您可以使用bootstrap css：

的覆盖

.list-group {
    display: table;
}