What is the difference between .container and .container-fluid?
Asked on Jun 01, 2025
1 Answer
In Bootstrap, ".container" and ".container-fluid" are used to create layout containers with different behaviors. ".container" provides a responsive fixed-width container, while ".container-fluid" offers a full-width container that spans the entire width of the viewport.
Additional Comment:
✅ Answered with Bootstrap 5 best practices.- The ".container" class adjusts its width based on the viewport size, providing a fixed-width layout with margins on larger screens.
- The ".container-fluid" class stretches the container to occupy the full width of the viewport, providing a fluid layout.
- Use ".container" for layouts where you want consistent margins and ".container-fluid" when you need the content to span the entire width.