Bootstrap: Spacing between Stack Items
For non-frontend developers bootstrap is already an great way to get started, I've said that for years. However I find .net developers using custom styles rather then whats involved in bootstrap. Its why I created flavorstrap, for ppl creating custom styles to use extension or to keep the naming convections similar. Margin utilities - ml-auto and When it stacked I recommend the following between the two items.. < div class = "d-block d-md-none col-12 py-3" > </ div > That way it only appears when you need it to and prevent cells from being on top of each other for smaller screens. However with bootstrap 5 this solution is even easier. Using the new Spacing style just follow the documentation, {property}{sides}-{breakpoint}-{size}.