Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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,672 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.

http://v4-alpha.getbootstrap.com/utilities/spacing/

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,672 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.