No-Bootstrap Demo
This demo runs without Bootstrap CSS. The custom CSS and JS used here are shown below.
No-Bootstrap CSS used in this page
.nobs-select .nobs-btn { ... }
.nobs-select .nobs-menu { ... }
.nobs-select .form-control { ... }
.nobs-select input.form-control { ... }
.nobs-select .nobs-clear-btn { ... }
.nobs-select .nobs-search-clear-btn { ... }
.d-none { display: none !important; }
Note: these utility fallbacks replace Bootstrap-only helpers used internally by the component (for visibility, layout, spacing, and muted text).
No-Bootstrap JS used in this page
new FxdSelect(document.querySelector('#demo-basic'), {
  placeholder: 'Choose a city',
  filterPlaceholder: 'Search',
  clearable: true,
  warnOnMissingBootstrap: false,
  wrapperClass: 'nobs-select',
  buttonClass: 'nobs-btn',
  menuClass: 'nobs-menu',
  clearButtonClass: 'nobs-clear-btn',
  searchClearButtonClass: 'nobs-search-clear-btn',
});

Back to main demo