Where Not to Apply Margins and Padding in Bootstrap Structures
By A Mystery Man Writer
Description
I’ve recently been optimising part of my app for mobile, and I came across the issue where a row can accidentally stick out horizontally beyond the intended width of the page. I always knew there was an issue about where to add horizontal margin and padding to the container-row-col combos, but had never quite got the rules clear in my head… until now! So for the benefit of those who may also struggle with this, and its effect of the page sometimes jumping around just a little, here are my concl
![Where Not to Apply Margins and Padding in Bootstrap Structures](https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2021/10/padding-vs-margin-css-1.webp)
Padding vs Margin: What's the Difference in CSS?
How to add padding & margins using Bootstrap 4 in VS Code
![Where Not to Apply Margins and Padding in Bootstrap Structures](https://miro.medium.com/v2/resize:fit:2000/1*9nkJt3S1Fe_KMkDtpIhgXw.png)
Learn the Bootstrap 4 Grid System in 10 Minutes
![Where Not to Apply Margins and Padding in Bootstrap Structures](https://community.wappler.io/uploads/default/original/3X/e/7/e77c29d6d8da765c259860e885cc2ca101282ea7.png)
All Time - Wappler Community
![Where Not to Apply Margins and Padding in Bootstrap Structures](https://www.jquery-az.com/wp-content/uploads/2018/02/27-4-Bootstrap-marging-top-bottom.png)
Bootstrap 4 Margin and Padding Classes - Spacing Explained with 5
![Where Not to Apply Margins and Padding in Bootstrap Structures](https://www.amadousall.com/content/images/2021/08/angular-material-vs-bootstrap.png)
The Best Parts of Bootstrap You Are Missing in Angular Material
![Where Not to Apply Margins and Padding in Bootstrap Structures](https://bootstrapious.com/ck_resources/img/navbar.png)
Bootstrap Navbar - The Definitive Guide and Tutorial - Bootstrapious
![Where Not to Apply Margins and Padding in Bootstrap Structures](https://community.wappler.io/uploads/default/original/3X/3/2/3231e33e80de9fb0a2ef66026ef819500d67fe8e.png)
Where Not to Apply Margins and Padding in Bootstrap Structures
![Where Not to Apply Margins and Padding in Bootstrap Structures](https://community.wappler.io/uploads/default/original/3X/6/3/632a94d235de6816ab851cc5f761ea281a04b4a8.png)
All Time - Wappler Community
![Where Not to Apply Margins and Padding in Bootstrap Structures](https://i.stack.imgur.com/DQnkY.png)
html - Bootstrap css fixed header no space - Stack Overflow
from
per adult (price varies by group size)