Bootstrap Select dropdown option with image || thumnail



Make sure you have bootstrap already installed

then use this code

 <link rel="stylesheet" href="https://thdoan.github.io/bootstrap-select/css/bootstrap-select.css">
  <script src="https://thdoan.github.io/bootstrap-select/js/bootstrap-select.js"></script>

             <select title="Select your surfboard" class="selectpicker">
  <option>Select...</option>
  <option data-thumbnail="https://thdoan.github.io/bootstrap-select/images/icon-chrome.png">Chrome</option>
  <option data-thumbnail="https://thdoan.github.io/bootstrap-select/images/icon-firefox.png">Firefox</option>
  <option data-thumbnail="https://thdoan.github.io/bootstrap-select/images/icon-ie.png">IE</option>
  <option data-thumbnail="https://thdoan.github.io/bootstrap-select/images/icon-opera.png">Opera</option>
  <option data-thumbnail="https://thdoan.github.io/bootstrap-select/images/icon-safari.png">Safari</option>
</select>


>

Popular posts from this blog

How to open cPanel using WHM access.

Cant use dump() function in twig files or how to enable debug in opencart twig or print_r alternate use dump() in opencart 3.0