twitter-bootstrap-3 - Bootstrap : Add button or clickable glyph inline with list group item

Question

我试图在 Bootstrap 中实现以下目标，但遇到了一些困难。

我有一个表单的可点击列表组

<div class="list-group">
    <a href="#" class="list-group-item">first item</a>
    <a href="#" class="list-group-item">second item</a>
    <a href="#" class="list-group-item">third item</a>
</div>

我想在每个项目的左侧显示一个按钮(或可点击的字形)(内联并带有一些边距)。我该怎么做呢？

谢谢!

Answer 1

我想这对你有帮助

<div class="list-group test">
    <a href="#" class="list-group-item"><span class="glyphicon glyphicon-user"></span> first item</a>
    <a href="#" class="list-group-item"><span class="glyphicon glyphicon-user"></span> second item</a>
    <a href="#" class="list-group-item"><span class="glyphicon glyphicon-user"></span> third item</a>
</div>

.test a span {
        margin-right: 10px;
    }