Welcome to the Treehouse Community
Looking to learn something new?
This lesson does work with alpha.6. You must follow the links in the description they will give you updated code.
Just want to confirm this lesson works. You just need to go to the bootstrap site like in the video. the links in the description take you to the correct pages which contain updated code.
Dave McFarlandTreehouse Teacher
Hello Dominic Davies
The current version of Bootstrap 4 (alpha 6) doesn't work the same as in the video. Here are the changes you'll need to make to get this to work:
- Bootstrap no longer uses class names like this
m-t-3to define the location, size and type of spacing (padding or margin). They've decided to remove the first hyphen character, so the correct class name would be
- The spacing values discussed in the video no longer reflect full REM values. In other words,
mt-3does not add 3 rem to the top margin. It actually is just 1 rem. To get the spacing above the headline as seen in the video the top margin should be
- Adding a margin to the bottom of the headline no longer works -- due to a "collapsing margin" (Mastering Collapsing Margins) adding margin space to the bottom of the paragraph doesn't add any space. Instead use a class to add bottom padding to the paragraph:
The correct code for the headline and paragraph should be:
I've updated the teacher's notes to describe these changes: https://teamtreehouse.com/library/enhancing-the-page and we'll be re-doing the affected videos once a stable beta version of Bootstrap 4 is released.
Dominic Davies5,284 Points
Thanks for your work Dave, I'm getting through the material quickly. I couldn't believe the changes between the alpha versions!