What are some examples of using Bootstrap's grid system?

Can you show me some examples of how to use Bootstrap's grid system?

Sure! Bootstrap's grid system allows you to create responsive layouts. For example, you can use the class 'col-md-6' to create two equal columns on medium and larger screens.

What if I want a different layout on smaller screens?

You can use different classes for different screen sizes. For instance, 'col-sm-12' for full width on small screens and 'col-md-6' for half width on medium screens.

Can you give me a code snippet for a three-column layout?

Absolutely! Here's a simple example:

<div class="container">
  <div class="row">
    <div class="col-md-4">Column 1</div>
    <div class="col-md-4">Column 2</div>
    <div class="col-md-4">Column 3</div>
  </div>
</div>

How do I make the columns stack on top of each other on mobile?

You can use 'col-12' for mobile devices. This will make each column take the full width on smaller screens.