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


#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.