We will create a basic grid system that starts out stacked on mobiles/tablets (small devices), before becoming horizontal on desktops (medium/large devices).
The following example shows a simple "stacked-to-horizontal" two-column layout:
 |
Tip: The numbers in the .col-sm-* classes indicates how many columns the
div should
span (out of 12). So, .col-sm-1 spans 1 column, .col-sm-4 spans 4 columns,
.col-sm-6 spans 6 columns, etc.Note: Make sure that the sum always adds up to 12! |
|---|
Tip: You can turn any fixed-width layout into a full-width layout by changing
the .container class to .container-fluid:
Your message has been sent to W3Schools.