Bootstrap Select

by Behseini

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="http://www.goproweb.ca/bootstrap-select.min.js"></script>
<link rel="stylesheet" href="http://www.goproweb.ca/bootstrap-select.min.css">
<select name="animals" value="Select From The List" class="selectpicker" data-size="10" data-live-search="true">
    <option value="0">Select From The List</option>
    <option value="1">Spider Man</option>

</select>

CSS

body {
    padding:25px;
}
}

.btn-default {
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
     background-image: none !important;
}
input, textarea, select, a { outline: none !important; }
input:focus, textarea:focus, select:focus{ outline: none; }

JavaScript

$('.selectpicker').selectpicker();