Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Bootstrap 4 Basics (Retired) Getting to Know Bootstrap 4 Enhancing the Page

Luke Duffy
Luke Duffy
4,266 Points

mb-3 and m-b-3 not working??

When I try both of these it still does not work? Can someone help please.

2 Answers

Lewis Marshall
Lewis Marshall
22,673 Points

Try mb-5.

The <p> already has 1rem of margin bottom by default and that is equal to mb-3 so thats why nothings changing.

mb-5 is equal to 3rem so the <p> will add more margin bottom.


Thanks Lewis, I added the mt-3 class to all my elements and refreshing the browser (cache cleared) doesn't reflect that. I'm going to try and work out how to update to bootstrap 4 now. Would be great if there was a video on that

Also having the same issue with mt-3, I'm guessing I need to be working with the Bootstrap 4 for this to take effect?

Lewis Marshall
Lewis Marshall
22,673 Points

Yep need to be using the boostrap 4 alpha.6 for these mt-5 etc to work

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>

I think I saw Guil Hernandez saying that they will have an updated bootstrap course later this year.