Logo
Academic Year : 2023 / 2024 Academic Year : 2022 / 2023 Academic Year : 2021 / 2022
Img English Img French Img Spanish Img German
Add New

Students

Teachers

Staffs

Invoice
Img
img
Kevin Larry

Administrator

My Profile Settings
Logout
My Profile Settings Logout

Buttons

Default Buttons

Use the button classes on an <a>, <button>, or <input> element.

Rounded Buttons

Add .rounded-pill to default button to get rounded corners.

Outline Buttons

Use a classes .btn-outline-** to quickly create a bordered buttons.

Rounded Outline Buttons

Use a classes .btn-outline-** to quickly create a bordered buttons.

Soft Buttons

Use a classes .btn-soft-** to quickly create a bordered buttons.

Soft Rounded Button

Use a classes .btn-soft-** to quickly create a bordered buttons.

Square Button

add .btn-square to change the style.

Square Outline Button

add .btn-square to change the style.

Sizes

Add .btn-lg, .btn-sm, or .btn-xs for additional sizes.

Button Tags

Use a classes .btn-outline-** to quickly create a bordered buttons.

Link
Button Widths

Use a classes .btn-outline-** to quickly create a bordered buttons.

Button Disabled

Add the disabled attribute to <button> buttons.

Button Loader

Use a classes .btn-outline-** to quickly create a bordered buttons.

Icon Buttons

Use a classes .btn-icon to quickly create a bordered buttons.

Block buttons

Create block level buttons by adding class .d-grid to parent div.