bootstrap-square-buttons

1.0.0 • Public • Published

Responsive Square Buttons built with Bootstrap 5. Black, disabled, full-width outline, social, block square buttons examples.

Check out Bootstrap Square Buttons Documentation for detailed instructions & even more examples.

Basic example

Bootstrap 5 Square Buttons

<button type="button" class="btn btn-primary btn-square-md">Button</button>
.btn-square-md {
width: 100px !important;
max-width: 100% !important;
max-height: 100% !important;
height: 100px !important;
text-align: center;
padding: 0px;
font-size:12px;
}

How to use?

  1. Download MDB 5 - free UI KIT

  2. Choose your favourite customized component and click on the image

  3. Copy & paste the code into your MDB project

▶️ Subscribe to YouTube channel for web development tutorials & resources

More examples

Bootstrap Responsive square button: Bootstrap 5 Square Buttons

Bootstrap Square button sizes: Bootstrap 5 Square Buttons

Bootstrap Square button colors: Bootstrap 5 Square Buttons

Bootstrap Square button outline: Bootstrap 5 Square Buttons

Bootstrap Square button social: Bootstrap 5 Square Buttons

Bootstrap Square button sample brands: Bootstrap 5 Square Buttons

Bootstrap Square button disabled state: Bootstrap 5 Square Buttons

Bootstrap Square button toggle states: Bootstrap 5 Square Buttons


More extended Bootstrap documentation

Package Sidebar

Install

npm i bootstrap-square-buttons

Weekly Downloads

8

Version

1.0.0

License

ISC

Unpacked Size

6.06 MB

Total Files

362

Last publish

Collaborators

  • mdbootstrap