Can I make my Bootstrap columns stack at screen widths other than widths less than 768px (tablet width)?

Frequently Asked Questions CSS FAQ
1

Question

Can I make my Bootstrap columns stack at screen widths other than widths less than 768px (tablet width)?

Answer

We can make our columns stack at different screen widths using the Bootstrap classes col-xs-..., col-sm-..., col-md-..., and col-lg-....

  • col-xs-... will keep columns horizontal and will not stack no matter how small the screen width.
  • col-sm-... will stack columns when the screen width is less than or equal to 768px.
  • col-md-... will stack columns when the screen width is less than or equal to 992px.
  • col-lg-... will stack columns when the screen width is less than or equal to 1200px.
5 Likes
2

What do you mean by ‘stack’ columns ?

2 Likes
3

They are not shown horizontally anymore but more like one on the top of the another. Then it depends on what class you use, how stacked the elements will be.
Excuse my English I hope you understand :sweat_smile:

3 Likes