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

Posted by Loic Salou
Loic Salou
3,353 Points

Badge not pushed to the right

pull-xs-right no longer exists in alpha 6. I've been searching for a while how to replace it, i tried many options taken from bootstrap 4's doc pages but I could not find the correct one. Any clue ? By the way it's quite difficult to find something really precise (like this) in BS' documentation. Maybe I don't know how to search efficiently ? any advice on how to use this documentation ?

1 Answer

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,254 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,254 Points

Try looking at this blog,

https://blog.getbootstrap.com/2017/01/06/bootstrap-4-alpha-6/

It looks like Bootstrap has recently adopted Flexbox for alignment, not floats.

here's the documentation for Bootstrap 4 Grid and Alignment

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

Loic Salou
Loic Salou
3,353 Points

Thanks. Actually recent changes imply a different approach if I want the same result as what is expected in the course. Like adding classes in parent tag or using col-*-12 to force line break. Would be nice to have a clean solution for the exercise, I could make it like it is expected but I'm not satisfied of the code (I had to use col-md-12 to force line break after badge in the schedule paragraph, though I'm not using rows).

Thanks again !