Tutorial references

c
c++
c#

Tutorial references

chapters

Buttons Group


Horizontal Buttons Group

Example

Try yourself

Vertical Buttons Group

Example

Try yourself

Button Group Size

.btn-group-sm use for small button group size.

.btn-group-lg use for large button group size.

NOTE: Bootstrap 4.0 do not support .btn-group-xs

Example

Try yourself

Button Toolbar

.btn-toolbar use to combine button groups.

Margin class:

.mt-0, .mt-1, .mt-2, .mt-3, .mt-4, .mt-5, .mt-auto use to give margin from top.

.mr-0, .mr-1, .mr-2, .mr-3, .mr-4, .mr-5, .mr-auto use to give margin from right.

.ml-0, .ml-1, .ml-2, .ml-3, .ml-4, .ml-5, .ml-auto use to give margin from left.

.mb-0, .mb-1, .mb-2, .mb-3, .mb-4, .mb-5, .mb-auto use to give margin from bottom.

.m-0, .m-1, .m-2, .m-3, .m-4, .m-5, .m-auto use to give margin around element.

Padding class:

.pt-0, .pt-1, .pt-2, .pt-3, .pt-4, .pt-5 use to give padding from top.

.pr-0, .pr-1, .pr-2, .pr-3, .pr-4, .pr-5 use to give padding from right.

.pb-0, .pb-1, .pb-2, .pb-3, .pb-4, .pb-5 use to give padding from bottom.

.pl-0, .pl-1, .pl-2, .pl-3, .pl-4, .pl-5 use to give padding from left.

.p-0, .p-1, .p-2, .p-3, .p-4, .p-5 use to give margin around element.

Example

Try yourself

Combine buttons group with dropdown button.

Example

Try yourself

Split Dropdown Button

Example

Try yourself

About Us

This website(www.sabbla.com) is very useful for beginners and professional developers. Sabbla provides tutorial in simple language. It provides latest technology tutorial which very useful for developers.

See More...

Contact Us

+91 9971366710

+91 9717983128

info@sabbla.com

Buxar, Bihar, India, Pin No.- 802131

Services

Sabbla is providing free latest technology tutorials. All tutorials are free for beginner and professionals.


Terms of Use

sabbla.com is not responsible for any mistake. Users can inform to sabbla.com for any mistake. But sabbla.com always try for 0-0 mistake.

Privacy policy

Currently sabbla.com does not collect any data from users.

                   

copyright © 2017-2018