🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

New No-Code Track! 🚀 New videos dropping every week—start learning today!

Take our "AI in Tech Jobs" survey and win 3 months free Treehouse!

🤑 Join the Treehouse affiliate program and earn 25% commission!

✨ No-code curious? Check out 4 new FREE Adalo courses and start building an app in minutes — no code required!

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

New No-Code Track! 🚀 New videos dropping every week—start learning today!

  • Treehouse Logo
  • Plans
    Chevron
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
  • Library
    Chevron
    • All Courses
    • Tracks
    • College Credit
  • Techdegree
    Chevron
    • Overview
    • Front End Development
    • Full Stack JavaScript
    • Data Analysis
    • UX Design
    • Python
  • Community
    Chevron
    • Community Projects
    • Live Sessions
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
  • Resources
    Chevron
    • Career Toolbox
    • CodeForward
    • Free Treehouse Near Me
    • Jobs
    • Blog
    • Support
    • About
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks College Credit
  • Overview Front End Web Development Full Stack JavaScript Python Development Data Analysis UX Design
  • Community Projects Live Sessions Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • Career Toolbox CodeForward Free Treehouse Near Me Jobs Blog Support About
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn

Bootstrap Basics

  • Introducing the Project 1:51
  • Layout in Bootstrap 2:02
  • How the Bootstrap Grid Works 5:58
  • Styling Content 7:39
  • Column Sizing 6:52
  • Reordering and Offsetting Columns 7:08
  • Responsive Layouts with the Bootstrap Grid Review 6 questions

Well done!

You have completed Responsive Layouts with the Bootstrap Grid Review!

Sign up for Treehouse Back to Library

Quiz Question 1 of 6

Given the following CSS:

<div class="col-md order-xl-12">
 col
</div>

<div class="col-md order-xl-1">
 col
</div>

How will the two columns display in extra large devices?

Choose the correct answer below:

Skip Quiz Review Video
  • A
    The order-xl-12 and order-xl-1 classes will stack the columns vertically.
  • B
    The order-xl-12 class will wrap the second column to the next line.
  • C
    The order-xl-12 and order-xl-1 classes will swap the placement of the columns.
Report Question

    Treehouse

  • About
  • Blog
  • Careers
  • Community
  • Stories
  • Shop
  • Contact
  • Gift Card

See Full Catalogue

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
  • Python Development
  • Data Analysis
  • UX Design

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
  • ...see more

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
  • ...see more

Explore

  • Plans
  • Affiliates
  • Perks
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2025 Treehouse Island, Inc.

Report this Question

There was an error while reporting the question. Please try again, or contact support directly.

Describe the issue (optional) (required)

Your feedback has been submitted.
Thank you!

Oh no!

If you continue experiencing problems, please contact support at help@teamtreehouse.com.

Your Exam Has Ended

Sign up for Treehouse!

Quizzes are the best way to test your knowlege. Sign up for Treehouse today and prove yourself. We guarantee 100% satisfaction.

Free trial Sign in Next video