Bootstrap nav tabs used on election 2013 site

Bootstrap: Nav tabs.css

<ul class="nav nav-tabs">
      {{#each body}}
          <li id="{{whitespaceRemove city}}CI-li">
            <a href="#{{whitespaceRemove city}}CI" data-ajax="false">{{city}}</a>
          </li>
      {{/each}}
    </ul>
    
    
/***** Nav *****/
.nav-tabs {
  border-radius: 10px 0 10px 0;
  -webkit-border-radius: 10px 0 10px 0;
  -moz-border-radius: 10px 0 10px 0;
}

.nav-tabs > li > a {
  font-size: 16px;
  font-weight: bold;
  background-color: #EEEEEE;
  border: 1px solid #DDDDDD;
}

.nav-tabs > li > a:hover {
  background-color: #d6d6d6;
  border: 1px solid #bebebe;
}

@media (max-width: 500px) {
  .nav-tabs > li {
    width: 100%;
  }

  .nav-tabs > li > a {
    margin-left: 2px;
    border-radius: 4px;
  }

}