Buttons | Nadhif - Responsive Admin Template

Options

Size Large Add this class `.btn-lg`

Active state Add this class `.active`

Disabled state Add this `disabled="disabled"`

Dropup variation Trigger dropdown menus above elements by adding `.dropup` to the parent.

Block Level Buttons Add this class `.btn-block`

Button toolbar Combine sets of `<div class="btn-group">` into a `<div class="btn-toolbar">` for more complex components.

Nesting Place a `.btn-group` within another `.btn-group` when you want dropdown menus mixed with a series of buttons.

With Icons

Size Small Add this class `.btn-sm`

Size Extra Small Add this class `.btn-xs`

Single button dropdowns

Split button dropdowns Similarly, create split button dropdowns with the same markup changes, only with a separate button.

Vertical variation

Buttons group Wrap a series of buttons with `.btn` in `.btn-group`

Justified button groups

Left Middle Right

Left Middle Right

Left Middle Right

Left Middle Right

Left Middle Right

Left Middle Right

Left Middle

Left Middle

Left Middle

Left Middle

Left Middle

Left Middle

Memory

4GB of 8GB
HDD

250GB of 1TB
SSD

700GB of 1TB
Bandwidth

90TB of 100TB