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

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points

Unable to multiply margins for greater than 3 in Bootstrap 4

Hey,

So Bootstrap uses Rems as the unit of measurement which is relative to the root element, yes?

Is there a reason that I'm missing, as to why I can't offset an element by greater than 3 rems?

If I use

        <h1 class="display-1 m-t-3">Come and visit Castle Eden!</h1>

        <p class="lead  m-b-3">Coming Soon! You'll learn all about why you should come and visit the village of Castle Eden.</p>

Then the element will shift as expected. But if I try to use 4 or more in the m-t utality class it goes back to it's original position. Why is this?

Thanks :)

1 Answer

Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher

Hi Jonathan Grieve,

It goes up to 3rem by default. If you're using Sass, you can set it to as many as you want in the $spacers map. Check out line 77 here.