1

I have been stuck at a strange layout alignment issue. I have been using Bootstrap 4 to set layout of a section. Please take a look at the screenshot below -

enter image description here This is here. It is working as expected. Now, check here -

enter image description here

The exact same plugin breaking on another WordPress installation. This type of issue usually occurs due to the styling on an enclosing wrapper but couldn't find anything. I have been banging my head over it for the last couple of days but could not pin point the issue.

Any help would be appreciated!

4

1 Answer 1

0

The issue is due to box-sizing

Bootstrap expects box-sizing to be border-box to work properly, however in your second link it isn't so.

A quick fix is to add this custom css to your project:

.row * {
    box-sizing: border-box;
}
1
  • Worked perfectly! Thanks a lot! Feb 11, 2022 at 12:41

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.