Layouts with Bootstrap

Even this is a layout

Main Content

9/12 columns on large screens, 8/12 columns on medium screens, 12/12 (full-width) on small screens

Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam quisquam harum asperiores quos iste odit voluptas itaque repudiandae excepturi. Ad aperiam officiis eum cum at iusto vero dolores voluptate cumque!

Sidebar Contenr

  • Spans 3/12 columns on large screens
  • Spans 4/12 columns on medium screens
  • Spans 12/12 (full-width) on smaller screens

Title

3/12 columns on large, 6/12 columns on medium, full-width on small

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Totam quidem tempora molestias qui. Rem perspiciatis repellat perferendis expedita quam corrupti enim praesentium culpa, facilis delectus similique eveniet vel accusantium rerum.

Title

3/12 columns on large, 6/12 columns on medium, full-width on small

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid officiis autem ad natus eius quam! Unde sed saepe id, perspiciatis eos soluta, inventore dolores deserunt consequatur ad commodi delectus minima?

Title

3/12 columns on large, 6/12 columns on medium, full-width on small

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid officiis autem ad natus eius quam! Unde sed saepe id, perspiciatis eos soluta, inventore dolores deserunt consequatur ad commodi delectus minima?

Title

3/12 columns on large, 6/12 columns on medium, full-width on small

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid officiis autem ad natus eius quam! Unde sed saepe id, perspiciatis eos soluta, inventore dolores deserunt consequatur ad commodi delectus minima?

Centered Content

6/12 columns on large, 8/12 columns on smaller screens, 12/12 on phone

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet repudiandae eos consequatur, quam, quod excepturi quidem laborum molestiae deleniti repellendus labore obcaecati ipsa dolor sint aliquid, cum ipsam voluptatum at.

Main Content

9/12 columns on large screens, 8/12 columns on medium screens, 12/12 (full-width) on small screens

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Maiores blanditiis temporibus facilis cumque corporis illum, in dolorum? Ad, sed nulla adipisci vel repellendus facere hic rerum veritatis quia reprehenderit velit?

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Maiores blanditiis temporibus facilis cumque corporis illum, in dolorum? Ad, sed nulla adipisci vel repellendus facere hic rerum veritatis quia reprehenderit velit?

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Maiores blanditiis temporibus facilis cumque corporis illum, in dolorum? Ad, sed nulla adipisci vel repellendus facere hic rerum veritatis quia reprehenderit velit?

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Maiores blanditiis temporibus facilis cumque corporis illum, in dolorum? Ad, sed nulla adipisci vel repellendus facere hic rerum veritatis quia reprehenderit velit?

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Maiores blanditiis temporibus facilis cumque corporis illum, in dolorum? Ad, sed nulla adipisci vel repellendus facere hic rerum veritatis quia reprehenderit velit?

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Maiores blanditiis temporibus facilis cumque corporis illum, in dolorum? Ad, sed nulla adipisci vel repellendus facere hic rerum veritatis quia reprehenderit velit?

Sidebar Content

  • Spans 3 / 12 columns on large screens
  • Spans 4 / 12 columns on medium screens
  • Spans 12 / 12 (full-width) on smaller screens