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 Creating a Simple Page

Mandy Rintala
Mandy Rintala
9,046 Points
Posted by Mandy Rintala
Mandy Rintala
9,046 Points

"display-1" will not work in my code...everything else does.

Not sure why this class is not working because everything else I enter works fine. "display-1" isn't working.

5 Answers

Samuel Jones
Samuel Jones
6,196 Points
Samuel Jones
Samuel Jones
6,196 Points

I think this class has been removed from the Bootstrap CSS.

Rastko Jovic
Rastko Jovic
14,883 Points
Rastko Jovic
Rastko Jovic
14,883 Points

This doesn't seem to work for me either. I have not changed anything in the bootstrap starter template except setting the class attribute of <h1> to "display-1".It doesn't work in internet explorer, firefox or chrome.

Rastko Jovic
Rastko Jovic
14,883 Points

SOLUTION: I've just copied the code from workspaces and ran it locally and it works!

Salvatore Allegra
Salvatore Allegra
4,140 Points
Salvatore Allegra
Salvatore Allegra
4,140 Points

It's probably a bootstrap version issue. Using the workspace will have the same version of bootstrap that the producer is using. I'm using the latest version of bootstrap from the cdn and it doesn't work either.

Michal Janek
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Michal Janek
Front End Web Development Techdegree Graduate 30,654 Points
Michal Janek
.a{fill-rule:evenodd;}techdegree seal-36
Michal Janek
Front End Web Development Techdegree Graduate 30,654 Points

It is not working because you are not using the Bootstrap 4 alpha version but a "regular" one. When you click getbootstrap.com it will not get you on the same page as Guil is on so your downloading or loading up Bootstrap is of different version. 4th version supports class display-1

Darko MIJATOVIC
Darko MIJATOVIC
10,303 Points
Darko MIJATOVIC
Darko MIJATOVIC
10,303 Points

Without the code it would be hard to give you an accurate answer but its most likely that some other CSS selector is taking precedence; more specific selectors take precedence over less specific ones so you may have an "id" selector that is overriding your class selector.