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

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

maximum execution time error when importing sql data file since php.ini has been already set max execution time 3000

SEO Custom URL in Opencart