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;
    }

Bootstrap：使用列表组项内嵌添加按钮或可单击字形

1 个答案: