Logo

Dreams Technologies

My Profile Settings Logout
Dropdowns
Dropdowns
Single dropdown buttons
Rounded Button Dropdowns
Outline Button Dropdowns
Rounded Outline Dropdowns
Split buttons
Dropdown Sizing
Dropup
Dropup right
Dropup left
Active
Disabled
Dropdowns with Forms
New around here? Sign up Forgot password?
Auto close behavior
Dropdown menu centered

Use .dropdown-center on the parent element.

Dropup centered

Use .dropup-center on the parent element.

Menu items

You can use <a> or <button> as dropdown items.

Dropdowns options

Use data-bs-offset or data-bs-reference to change the location of the dropdown.

Alignment options
Dark Dropdowns
Menu alignment
Responsive alignment end
Responsive alignment left
Custom Dropdown Menu's
Ghost Button Dropdowns
non-interactive dropdown items

Use .dropdown-item-text. to create non-interactive dropdown items.

Dropdown Headers

Add a .dropdown-header to label sections of actions in any dropdown menu.

Dropdown Dividers
Dropdown Menu Text

Some example text that's free-flowing within the dropdown menu.

And this is more example text.

Customizer

Customize your overview Page layout

Close Icon
Layout
Choose your layout
Vertical
Horizontal
Two Column
Color Scheme
Choose Light or Dark Scheme.
Orange
Light
Dark
Blue
Maroon
Purple
Layout Width
Choose Fluid or Boxed layout.
Fluid
Boxed
Layout Position
Choose Fixed or Scrollable Layout Position.
Topbar Color
Choose Light or Dark Topbar Color.
Light
Dark
Buy Now