"select box for tanmoy"
Bootstrap 4.1.1 Snippet by lavan

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>hlavankumar@gmail.com</title> <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.11.2/css/bootstrap-select.min.css'> </head> <body> <!-- partial:index.partial.html --> <div class="container"> <div class="row"> <select class="facetwp-dropdown"> <option value="">All Categories</option> <option value="botanicals">Botanicals </option> <option value="ayurveda">Ayurveda</option><option value="breathwork">Breathwork</option> <option value="energyhealing">Energy Healing</option> <option value="usui-reiki">Usui Reiki</option> </select> </div><!--.row--> </div><!--.container--> <footer> <!-- partial --> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js'></script> <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.11.2/js/bootstrap-select.min.js'></script> <script> $('.facetwp-dropdown').attr('data-style', "form-control"); $('.facetwp-dropdown').attr('data-live-search', "true"); $('.facetwp-dropdown').attr('title', "All Categories"); $('.facetwp-dropdown').attr('multiple', "multiple"); $('.facetwp-dropdown').selectpicker({ style: 'btn-default', }); </script> </body> </html>

Related: See More

BLK• Design System
Multi Select Tiled Layout
Button Dropdown Select
Select users

Questions / Comments: