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

Watch Video

Posted August 31, 2016 4:09pm by

Why do we use "xs" in text-xs-center

Does "xs" stand for xtra small? Why do we use xs instead of md or lg or nothing at all?

1 Answer

August 31, 2016 4:18pm

XS Is for Extra small devices like phones less than 544px, you can see all the other sizes here:

http://v4-alpha.getbootstrap.com/layout/grid/#grid-options

August 31, 2016 4:23pm

But in this example we weren't really trying to center things only on extra small devices, but all screen sizes. This is why I don't understand why xs comes into play.

August 31, 2016 4:35pm

Jake Ford That's because it "Center aligned text on all viewport sizes.", that means that your text is going to be aligned in all devices from XS to LG :), if you use the text-md or text-lg your text is going to be aligned for md and large or only large, but no for the xs ones.

But i'm not sure that those even exist :p

August 31, 2016 4:36pm

You can read more about this here:

http://getbootstrap.com/css/#type-alignment

August 31, 2016 4:38pm

Ahh ok so xs sets it for all breakpoints, not just xs. I get it, thanks Ethan Rivas

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.