There are many ways to create the placeholder for a ‘select’ box. Use placeholder instead. There is no placeholder attribute in ‘select’ tag but it can make the placeholder for a ‘select’ box. The .form-group class is the easiest way to add some structure to forms. By default, bootstrap-select automatically detects the version of Bootstrap being used. Tip: The default color of the placeholder text is light grey in most browsers. You can copy our examples and paste them into your project! Select2 v4 theme for Bootstrap4. $('select').select2({ placeholder: { id: '-1', // the value of the option text: 'Select an option' } }); This is useful, for example, when you are using a framework that creates its own placeholder option. Bootstrap CSS class custom-select with source code and live preview. Use 230+ ready-made Bootstrap components from the multipurpose library. Additional classes can be used to vary this layout on a per-form basis. The Boostrap Select Picker plugin is a library for supporting work with select inputs. Bootstrap 4 only works with bootstrap-select v1.13.0+. Answer: Use the disabled and selected Attribute. Contribute to ttskch/select2-bootstrap4-theme development by creating an account on GitHub. The basic setup will show a simple select box and the styling for the dropdown will be the same as the one for the Bootstrap 4 dropdown. However, you can create similar effect by using the HTML disabled and selected attribute on a