Bootstrap 2.3.2 Skeleton

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div class="control segmentinputgroup form-inline">
  <div class="span12">
    <span></span>
    <ul class="nav nav-pills" style=" float: left;">
      <li role="presentation"><a href=" #">Audi</a></li>
      <li role="presentation"><a href=" #">BMW</a></li>
      <li role="presentation"><a href=" #">Cooper</a></li>
      <li role="presentation"><a href=" #">Fiat</a></li>
      <li role="presentation"><a href=" #">Jaguar</a></li>
      <li role="presentation"><a href=" #"><br>Kia</a></li>
      <li role="presentation"><a href=" #">Mazda</a></li>
      <li role="presentation"><a href=" #">Seat</a></li>
      <li role="presentation"><a href=" #">Tesla</a></li>
      <li role="presentation"><a href=" #">Volvo</a></li>
    </ul>
  </div>
</div>

CSS

ul.nav-pills li:not(:last-child) {
  margin-right:10px;
}