General Buttons
Use a classes btn btn-success to quickly create
a General btn.
Button Tags
The .btn classes are designed to be used with
the .<button> element.
Button with outline
Use a classes btn btn-outline-success to
quickly create a General btn.
Rounded Buttons
Use a classes btn btn-rounded btn-success to
quickly create a General btn.
Rounded outlined Buttons
Use a classes
btn btn-rounded btn-outline-success to quickly
create a General btn.
Button Sizes
Use a classes btn btn-lg btn-success to quickly
create a General btn.
Button Sizes with rounded
Use a classes
btn btn-lg btn-rounded btn-success to create a
btn.
Block buttons
Use a classes btn btn-block btn-success to
quickly create a General btn.
Rounded Block buttons
Use a classes btn btn-block btn-success to
quickly create a General btn.
Block outline buttons
Use a classes
btn btn-block btn-outline-success to quickly
create a General btn.
Rounded outline Block buttons
Use a classes
btn btn-block btn-outline-success to quickly
create a General btn.
Large Block buttons
Use a classes
btn btn-block btn-lg btn-success to quickly
create a General btn.
Button with icon
Use a classes btn btn-success &
i class ="fa fa-heart" to quickly create a
General btn.
Group buttons
Wrap a series of buttons with
.btn in
.btn-group
Button toolbar pagination
Wrap a series of buttons with
.btn in
.btn-group
Button Toolbar with Input Group
Button Toolbar with Jutify Content Input Group
Group buttons sizing
Wrap a series of buttons with
.btn in
.btn-group
Nesting
creat with below code
Vertical buttons
creat vertical button with class of
.btn-group-vertical
Button with js elements
There are a few easy ways to quickly get started with Bootstrap, each one ...
Button with checkbox
Button with Radiobutton
Direction of the Dropdown
Trigger dropdown menus above elements by adding
.dropup to the parent element.
Dropdowm Right Side
Dropdown Up Side
Dropdowm Left Side
Menu Alignment
Add .dropdown-menu-right to a
.dropdown-menu to right align the dropdown
menu.
Responsive Alignment
Different Menu Content
Dropdown Options
Toggle States [Button Plugin]
Add data-bs-toggle="button" to toggle a
button’s active state. If you’re pre-toggling
a button, you must manually add the
.active class and
aria-pressed="true" to the button.
Are you Looking for Online Appointment?