Bootstrap 4 – no column wrapping

by

The accepted answer doesn’t provide a solution to the posters question.

Bootstrap 4 .rows are flex containers and the .col’s in the row are the flex items. There are a bunch of utility classes that they provide to control the flex containers and items.

To prevent the columns in your row from stacking add the .flex-nowrap class to your row:

<form class="row flex-nowrap">
...
</form>

Reference: Bootstrap 4 – Flex Doc’s

More Related Contents:

  1. Vertical Align Center in Bootstrap 4 [duplicate]
  2. Bootstrap align navbar items to the right
  3. Change navbar color in Twitter Bootstrap
  4. Bootstrap 4 navbar with 2 rows
  5. Bootstrap Center Vertical and Horizontal Alignment
  6. How to hide collapsible Bootstrap navbar on click
  7. How to change the bootstrap primary color?
  8. Centering brand logo in Bootstrap Navbar
  9. Remove gutter space for a specific div only
  10. What do “flex” and “justify-content” achieve that “text-align” doesn’t?
  11. How can I change the Bootstrap 4 navbar button icon color?
  12. Bootstrap with different order on mobile version
  13. How to build a 2 Column (Fixed – Fluid) Layout with Twitter Bootstrap?
  14. Search input with an icon Bootstrap
  15. What is class=”mb-0″ in Bootstrap 4?
  16. Bootstrap 4 – Navbar items outside the collapse
  17. Bootstrap change order of columns
  18. Bootstrap 3: pull-right for col-lg only
  19. Table column sizing
  20. Bootstrap 4 card-deck with number of columns based on viewport
  21. Centering the image in Bootstrap
  22. How can I reverse the order of columns in Bootstrap 4?
  23. how to change bootstrap version 4 button color
  24. How to fix unexpected column order in bootstrap 4?
  25. Vertically align Bootstrap badge inside heading
  26. ml-auto is not pushing navbar links to the right
  27. How to use CSS position sticky to keep a sidebar visible with Bootstrap 4
  28. How to make a Bootstrap 4 full width dropdown in Navbar?
  29. Bootstrap Navbar list items/links not showing
  30. Centering the navbar content in Bootstrap 4 (alpha 5)

Leave a Comment