Bootstrap select

by Osama Qassar

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.5/css/bootstrap-select.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.5/js/bootstrap-select.min.js"></script>

<select class="selectpicker">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Barbecue</option>
</select>

CSS

.category {  
    margin-left:-12px;
    font-size: 1.3em; /*safari won't respect many/any of these but color?*/
    /*font-style: italic;*/
    font-weight: bold !important;
    color: #000000 !important; /*straight black makes it pop*/
    /*background: #000;*/
}