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) Responsive Layouts with the Bootstrap Grid Column Ordering and Offsetting

Quinton Dobbs
Quinton Dobbs
5,149 Points
Posted by Quinton Dobbs
Quinton Dobbs
5,149 Points

The video is outdated, so you'll have to find the classes yourselves.

Bootstrap has been updated since this video was made and a lot of the classes used in the video are no longer in use. So it is probably best practice to search for whatever concept you need to get the right class. You're probably more likely to retain the information that way as well.

2 Answers

Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher
Guil Hernandez
Guil Hernandez
Treehouse Teacher

Bootstrap v4 Beta is out, and it looks like they're finally done making changes. That means new Bootstrap videos are coming soon. :)

Matthew Long
Matthew Long
28,407 Points
Matthew Long
Matthew Long
28,407 Points

100% agree. I watched those videos the other day as well. They included up to date text in the teachers notes, below the video, and they also said they would reshoot those videos once a stable beta of bootstrap 4 is released. Which, I believe launched a couple weeks ago. So I would expect new videos soon.

https://getbootstrap.com/docs/4.0/getting-started/introduction/

Terry Day
Terry Day
1,454 Points
Terry Day
Terry Day
1,454 Points

For now if you want to use order you will need to use this :

<div class="row">

        <div class="col-md-4 col-xl-6">
          <h3 class="mb-4">About Full Stack Conf</h3>
          <img class="mb-3 img-fluid rounded" src="img/pdx.jpg" alt="Portland">
          <p>The beautiful city of Portland, Oregon will be the host city for Full Stack Conf!</p>
          <p>Explore the future of JavaScript with a lineup of industry professionals. Discover new techniques to advance your career as a web developer.</p>
        </div>

        <div class="flex-md-first col-md-4 col-xl-3">
          <h3 class="mb-4">Expert Speakers</h3>
          <p>Our expert speaker lineup was just announced, so don't wait too long before grabbing your tickets!</p>
          <p>Want to meet the international JavaScript community and share skills with some of the world's top experts, hackers, and makers? Be the first to know what to expect for the future of JavaScript.</p>
          <p>Full Stack Conf is committed to being inclusive and welcoming for everyone. We look forward to another intensive day of learning and sharing.</p>
        </div>

</div>