Padding cannot be changed on certain breakpoints?

Bootstrap Studio Help
1

I have some padding set on a section - it’s 3 on XS, SM, MD and LG. On these breakpoints, I can grab the handle for padding and adjust as needed through the interface.

The problem I just discovered is, on breakpoints XL and XXL, the padding is much larger, and although I can see the padding handle, it won’t allow me to drag it to adjust it.

What could be wrong?

Also, just so I know - when you change something on a breakpoint (like padding), does that affect all LARGER breakpoints, or does it affect all SMALLER breakpoints as well?

Thanks!

2

Padding set at a smaller breakpoint (ex p-sm-2 ) will carry forward to md, lg, xl, and xxl breakpoints unless you specify a different padding.

Re: your other issue… can you do a screen recording of what you’re seeing an post it?

3

Thanks for the reply - here’s a video of the padding issue:

4

@martin - is this a bug? I thought I might be doing something wrong, but perhaps this is a bug?

5

Most likely you have another class for a larger breakpoint. The quickest way to fix this is to expand the bottom panel and see the Class Names field. Just delete the class for the larger breakpoint by pressing the X. In this example it’s the pb-lg-4:

image
image737×776 46.9 KB

6

Perfect! Thank you for the quick response!