Buttons
Button with icon
Basic buttons are traditional buttons with borders color opitons.
Button with loading animation
Basic buttons are traditional buttons with borders color opitons.
Button size
Add .btn-lg or .btn-sm or .d-grid for additional sizes.
Min-Width Button
Add .btn, .w-xs, .w-sm, .w-md, .w-lg, classes to quickly create a styled button..
Block Level Buttons
Use .btn-block for block size button.
Social buttons
Social buttons
You can use only icons.
Icon buttons
Icon only button. Add .btn-icon class to remove unnecessary button.
Loading button
Add .btn-loading to use a loading state on a button. The width of the button depends on the length of the text inside Since the loading spinner is implemented using the element.
Button dropdown
Wrap the dropdown’s toggle using different colors and icons implemented in different dropdowns styles (your button or link) and the dropdown menu within .dropdown, or another element that declares position: relative;. Dropdowns can be triggered from <a> or <button> elements to better fit your potential needs.
List of buttons
You can now create a list of buttons with the .btn-list container.
Use the .text-center modifiers to alter the alignment.
Use the .text-end modifiers to alter the alignment.
