Breaking News: Grepper is joining You.com. Read the official announcement!

bootstrap 5 padding

Add Answer

Encouraging NeoBliz answered on May 15, 2022 Popularity 10/10 Helpfulness 5/10

answer bootstrap 5 padding

related bootstrap 5 margin

related margin and padding in Bootstrap

bootstrap 5 padding

Comment

/* bootstrap 5.2 */
pt-0 /* padding-top */
pb-0 /* padding-bottom */
ps-0 /* padding-left */
pe-0 /* padding-right */
px-0 /* padding-left+right */
py-0 /* padding-top+bottom */

/* Where size is one of:
0 - setting it to 0
1 - $spacer * .25
2 - $spacer * .5
3 - $spacer
4 - $spacer * 1.5
5 - $spacer * 3 */

Popularity 10/10 Helpfulness 5/10 Language css

Source: getbootstrap.com

Tags: bootstrap-5 css

Link to this answer
Share Copy Link

Contributed on Sep 10 2022

Encouraging NeoBliz

0 Answers Avg Quality 2/10

Closely Related Answers

bootstrap 5 margin

Comment

/* bootstrap 5.2 */
mt-0 /* margin-top */
mb-0 /* margin-bottom */
ms-0 /* margin-left */
me-0 /* margin-right */
mx-0 /* margin-left+right */
my-0 /* margin-top+bottom */

/* Where size is one of:
0 - setting it to 0
1 - $spacer * .25
2 - $spacer * .5
3 - $spacer
4 - $spacer * 1.5
5 - $spacer * 3 */

Popularity 10/10 Helpfulness 5/10 Language css

Source: getbootstrap.com

Tags: bootstrap-5 boot

Link to this answer
Share Copy Link

Contributed on Sep 10 2022

Encouraging NeoBliz

0 Answers Avg Quality 2/10

margin and padding in Bootstrap

Comment

"margin": (
      responsive: true,
      property: margin,
      class: m,
      values: map-merge($spacers, (auto: auto))
    ),
    "margin-x": (
      responsive: true,
      property: margin-right margin-left,
      class: mx,
      values: map-merge($spacers, (auto: auto))
    ),
    "margin-y": (
      responsive: true,
      property: margin-top margin-bottom,
      class: my,
      values: map-merge($spacers, (auto: auto))
    ),
    "margin-top": (
      responsive: true,
      property: margin-top,
      class: mt,
      values: map-merge($spacers, (auto: auto))
    ),
    "margin-end": (
      responsive: true,
      property: margin-right,
      class: me,
      values: map-merge($spacers, (auto: auto))
    ),
    "margin-bottom": (
      responsive: true,
      property: margin-bottom,
      class: mb,
      values: map-merge($spacers, (auto: auto))
    ),
    "margin-start": (
      responsive: true,
      property: margin-left,
      class: ms,
      values: map-merge($spacers, (auto: auto))
    ),
    // Negative margin utilities
    "negative-margin": (
      responsive: true,
      property: margin,
      class: m,
      values: $negative-spacers
    ),
    "negative-margin-x": (
      responsive: true,
      property: margin-right margin-left,
      class: mx,
      values: $negative-spacers
    ),
    "negative-margin-y": (
      responsive: true,
      property: margin-top margin-bottom,
      class: my,
      values: $negative-spacers
    ),
    "negative-margin-top": (
      responsive: true,
      property: margin-top,
      class: mt,
      values: $negative-spacers
    ),
    "negative-margin-end": (
      responsive: true,
      property: margin-right,
      class: me,
      values: $negative-spacers
    ),
    "negative-margin-bottom": (
      responsive: true,
      property: margin-bottom,
      class: mb,
      values: $negative-spacers
    ),
    "negative-margin-start": (
      responsive: true,
      property: margin-left,
      class: ms,
      values: $negative-spacers
    ),
    // Padding utilities
    "padding": (
      responsive: true,
      property: padding,
      class: p,
      values: $spacers
    ),
    "padding-x": (
      responsive: true,
      property: padding-right padding-left,
      class: px,
      values: $spacers
    ),
    "padding-y": (
      responsive: true,
      property: padding-top padding-bottom,
      class: py,
      values: $spacers
    ),
    "padding-top": (
      responsive: true,
      property: padding-top,
      class: pt,
      values: $spacers
    ),
    "padding-end": (
      responsive: true,
      property: padding-right,
      class: pe,
      values: $spacers
    ),
    "padding-bottom": (
      responsive: true,
      property: padding-bottom,
      class: pb,
      values: $spacers
    ),
    "padding-start": (
      responsive: true,
      property: padding-left,
      class: ps,
      values: $spacers
    ),

Popularity 10/10 Helpfulness 1/10 Language whatever

Source: getbootstrap.com

Tags: margin ma

Link to this answer
Share Copy Link

Contributed on May 15 2022

Shihabur Rahman

0 Answers Avg Quality 2/10

bootstrap 5 padding

Contents

More Related Answers

bootstrap 5 padding

Closely Related Answers

bootstrap 5 margin

margin and padding in Bootstrap

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.