Bootstrap class: .pb-xl-0
<div class="pb-xl-0 d-inline-block bg-info">Padded Div</div>Preview
Padded Div
Check .pb-xl-0 in a real project
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
Tips 💡
You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.
More in Bootstrap Spacing
- m-1 / m-*-#
- mt-1 / mt-*-#
- mr-1 / mr-*-#
- mx-1 / mx-*-#
- my-1 / my-*-#
- pt-1 / pt-*-#
- m-n1 / m-*-n#
- p-1 / p-*-#
- pr-1 / pr-*-#
- pb-1 / pb-*-#
- pl-1 / pl-*-#
- ml-1 / ml-*-#
- px-1 / px-*-#
- py-1 / py-*-#
- mb-1 / mb-*-#
- m-auto
- m-lg-0
- m-lg-auto
- m-md-0
- m-md-auto
- m-sm-0
- m-sm-auto
- m-xl-0
- m-xl-auto
- m-xxl-0
- m-xxl-auto
- mb-auto
- mb-lg-0
- mb-lg-auto
- mb-md-0
- mb-md-auto
- mb-sm-0
- mb-sm-auto
- mb-xl-0
- mb-xl-auto
- mb-xxl-0
- mb-xxl-auto
- ms-auto
- ms-lg-0
- ms-lg-auto
- ms-md-0
- ms-md-auto
- ms-sm-0
- ms-sm-auto
- ms-xl-0
- ms-xl-auto
- ms-xxl-0
- ms-xxl-auto
- me-auto
- me-lg-0
- me-lg-auto
- me-md-0
- me-md-auto
- me-sm-0
- me-sm-auto
- me-xl-0
- me-xl-auto
- me-xxl-0
- me-xxl-auto
- mt-auto
- mt-lg-0
- mt-lg-auto
- mt-md-0
- mt-md-auto
- mt-sm-0
- mt-sm-auto
- mt-xl-0
- mt-xl-auto
- mt-xxl-0
- mt-xxl-auto
- mx-auto
- mx-lg-0
- mx-lg-auto
- mx-md-0
- mx-md-auto
- mx-sm-0
- mx-sm-auto
- mx-xl-0
- mx-xl-auto
- mx-xxl-0
- mx-xxl-auto
- my-auto
- my-lg-0
- my-lg-auto
- my-md-0
- my-md-auto
- my-sm-0
- my-sm-auto
- my-xl-0
- my-xl-auto
- my-xxl-0
- my-xxl-auto
- p-lg-0
- p-md-0
- p-sm-0
- p-xl-0
- p-xxl-0
- pb-0
- pb-lg-0
- pb-md-0
- pb-sm-0
- pb-xxl-0
- ps-0
- ps-lg-0
- ps-md-0
- ps-sm-0
- ps-xl-0
- ps-xxl-0
- pe-0
- pe-lg-0
- pe-md-0
- pe-sm-0
- pe-xl-0
- pe-xxl-0
- pt-0
- pt-lg-0
- pt-md-0
- pt-sm-0
- pt-xl-0
- pt-xxl-0
- px-0
- px-lg-0
- px-md-0
- px-sm-0
- px-xl-0
- px-xxl-0
- py-0
- py-lg-0
- py-md-0
- py-sm-0
- py-xl-0
- py-xxl-0
