Bootstrap List Groups

by Juan Muñoz

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<ul class="list-group">
  <li class="list-group-item list-group-item-success" href="#">
    <span class='w-50'>
      Successful item
    </span>
    <select class='w-25'  name="" id="">
      <option value="">1</option>
      <option value="">2</option>
      <option value="">3</option>
    </select>
    <div  class='w-25' style='float:right'>
      <i class='fa fa-user'></i>
      <i class='fa fa-home'></i>
      <i class='fa fa-user'></i>
    </div>
  </li>
  <li class="list-group-item disabled" href="#">Disabled item</li>
  
</ul>

CSS

body {
    margin: 15px;
}