@extends('layouts.master') @section('styles') @endsection @section('content')
Add .btn
, .w-xs
, .w-sm
, .w-md
, .w-lg
,
classes to quickly create a styled button..
Add .btn-lg
or .btn-sm
or .btn-block
for additional sizes.
You can use only icons.
Icon only button. Add .btn-icon
class to remove unnecessary 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.
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.
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.
Combine sets of button groups into button toolbars for more complex components.
Use any of the available .btn
in .btn-group
classes to quickly create a styled button.
Use any of the available .btn
in .btn-group
classes to quickly create a styled button.