Bootstrap columns stacking vertically on mobile device

by

The columns are stacking vertically because you’re using Bootstrap 4, and the -xs- infix is no longer used. Just use col-4..

  <div class="container border-show center-div">
    <div class="row">
      <div class="col-4 border-show">1</div>
      <div class="col-4 border-show">2</div>
      <div class="col-4 border-show">3</div>
    </div>
  </div>

http://www.codeply.com/go/sCct2CzZte

More Related Contents:

  1. Bootstrap row with columns of different height
  2. Bootstrap 4: Multilevel Dropdown Inside Navigation
  3. Animate/Shrink NavBar on scroll using Bootstrap
  4. One tall div next to two shorter divs on Desktop and stacked on Mobile with Bootstrap 4
  5. How to center nav-items in Bootstrap? [duplicate]
  6. Create a responsive navbar sidebar “drawer” in Bootstrap?
  7. Bootstrap 4 Cards of same height in columns
  8. How to make Bootstrap 4 cards the same height in card-columns?
  9. Bootstrap – align button to the bottom of card
  10. Bootstrap 4 – Sticky footer – Dynamic footer height
  11. Bootstrap 4 – Responsive cards in card-columns
  12. Align the form to the center in Bootstrap 4 [duplicate]
  13. Bootstrap navbar link color won’t change
  14. Empty vertical space between columns in Bootstrap 4
  15. Bootstrap navbar: nothing is displayed on smaller devices
  16. Why aren’t my bootstrap 4 columns the same height?
  17. CSS float-right not working in Bootstrap 4 Navbar [duplicate]
  18. Bootstrap 4 collapsing two navbars into one toggle button
  19. How to make Bootstrap cards the same height in card-columns?
  20. Vertically center element on HTML page with some content on top (Bootstrap)
  21. Bootstrap 4 Carousel “Half of previous”
  22. How do you get centered content using Twitter Bootstrap?
  23. How to remove the gutter (spacing) between columns in Bootstrap?
  24. How to add hamburger menu in bootstrap
  25. How to vertically center a Bootstrap carousel-caption?
  26. Exclude menu item from the collapse of bootstrap 3 navbar
  27. Same height column bootstrap 3 row responsive
  28. Change Bootstrap input focus blue glow
  29. Bootstrap 3 grid, does it *really* matter how many columns are in a row?
  30. Can a div have multiple classes (Twitter Bootstrap) [duplicate]

Leave a Comment