Describe the difference between .container and .container-fluid in layout building.

Problem Statement

Explanation

.container provides a fixed-width layout that changes with breakpoints, making content centered with side padding. .container-fluid always takes the full width of the viewport. Choose .container for traditional centered designs and .container-fluid for edge-to-edge layouts.

Code Solution

SolutionRead Only

<div class='container'>Fixed</div><div class='container-fluid'>Full width</div>

Practice Sets

This question appears in the following practice sets:

Grid System and Layouts

Next Question

Master Interviews
Anywhere, Anytime

Describe the difference between .container and .container-fluid in layout building.

Problem Statement

Explanation

Code Solution

Practice Sets

Related Questions

What is Bootstrap mainly used for?

Which version of Bootstrap dropped support for jQuery?

Which tag is used to link the Bootstrap CSS file from CDN?

Which class provides a responsive fixed width container in Bootstrap 5?

How many columns does the Bootstrap grid system use?

More from Bootstrap 5

Master Interviews Anywhere, Anytime

Describe the difference between .container and .container-fluid in layout building.

Problem Statement

Explanation

Code Solution

Practice Sets

Related Questions

What is Bootstrap mainly used for?

Which version of Bootstrap dropped support for jQuery?

Which tag is used to link the Bootstrap CSS file from CDN?

Which class provides a responsive fixed width container in Bootstrap 5?

How many columns does the Bootstrap grid system use?

More from Bootstrap 5

Master Interviews
Anywhere, Anytime