CUstom list icons

by Hugo Carneiro

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<ul>
  <li>This is list item no 1</li>
  <li>This is list item no 2. This is list item no. This is list item no. This is list item no. This is list item no. This is list item no. This is list item no.</li>
  <li>This is list item no 3</li>
</ul>

CSS

li {
  padding-left: 1.3em;
}

li:before {
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  content: "\e013";
  display: inline-block;
  margin-left: -1.3em;
  width: 1.3em;
}