Skip to content

Instantly share code, notes, and snippets.

@em0ney
Last active June 15, 2018 17:53
Show Gist options
  • Save em0ney/9221032 to your computer and use it in GitHub Desktop.
Save em0ney/9221032 to your computer and use it in GitHub Desktop.
A list-group-addon for prepending glyphicons to list groups in Bootstrap-3
<ul class="list-group">
<li class="list-group-item-cust list-group-item"><span class="list-group-addon glyphicon glyphicon-calendar"></span>
&nbsp;8th March 2014</li>
<li class="list-group-item-cust list-group-item"><span class="list-group-addon glyphicon glyphicon-time"></span>
&nbsp;10:00</li>
<li class="list-group-item-cust list-group-item"><span class="list-group-addon glyphicon glyphicon-flag"></span>
&nbsp;Location</li>
</ul>
.list-group-item-cust {
padding-left: 0px;
}
.list-group-addon {
padding: 10px 10px;
font-size: 15px;
display:inline;
font-weight: normal;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #cccccc;
border-radius: 6px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment