`col-xs-*` not working in Bootstrap 4

by

col-xs-* have been dropped in Bootstrap 4 in favor of col-*.

Replace col-xs-12 with col-12 and it will work as expected.

Also note col-xs-offset-{n} were replaced by offset-{n} in v4.

More Related Contents:

  1. Align the form to the center in Bootstrap 4 [duplicate]
  2. Vertically center element on HTML page with some content on top (Bootstrap)
  3. Bootstrap 4 Carousel “Half of previous”
  4. Importing CSS and Bootsrap in HTML code
  5. Bootstrap column on mobile positions
  6. How to vertically center a container in Bootstrap?
  7. Bootstrap 4: Multilevel Dropdown Inside Navigation
  8. Twitter Bootstrap 3 Sticky Footer
  9. Extend bootstrap row outside the container
  10. How to center nav-items in Bootstrap? [duplicate]
  11. How to make Bootstrap 4 cards the same height in card-columns?
  12. Bootstrap – align button to the bottom of card
  13. Bootstrap: add margin/padding space between columns
  14. How to remove focus around buttons on click
  15. How to vertically center a Bootstrap carousel-caption?
  16. Exclude menu item from the collapse of bootstrap 3 navbar
  17. Bootstrap 4 – Responsive cards in card-columns
  18. How to center content in a Bootstrap column?
  19. Inline Form nested within Horizontal Form in Bootstrap 3
  20. Same height column bootstrap 3 row responsive
  21. Why does `transform` break `position: fixed`?
  22. Change Bootstrap input focus blue glow
  23. Maintain image aspect ratio in carousel
  24. Bootstrap 3 grid, does it *really* matter how many columns are in a row?
  25. Can a div have multiple classes (Twitter Bootstrap) [duplicate]
  26. How to implement a Navbar Dropdown Hover in Bootstrap v4?
  27. How to work with ellipsis in bootstrap responsive table
  28. Why is my .sticky-top class not working in Bootstrap 4?
  29. CSS float-right not working in Bootstrap 4 Navbar [duplicate]
  30. How to make Bootstrap cards the same height in card-columns?

Leave a Comment