Clever Geek Handbook

Bootstrap: add or click a glyph inside a line with a group list item

I'm trying to accomplish the following in Bootstrap, but I'm having some difficulty.

I have a group with an interactive list of a form

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

I would like to display a button (or glyph click) to the left of each element (inline and with some margin). How can i do this?

Thank!

+3


source to share


1 answer


I think this will help you



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


source






More articles:


All Articles