Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!-- Fixed max-width at each breakpoint --> <div class="container">...</div> <!-- Always 100% width --> <div class="container-fluid">...</div> <!-- 100% wide until lg, then fixed max-width --> <div class="container-lg">...</div> <!-- Common pattern: full-bleed hero, contained content --> <section class="container-fluid bg-primary py-5"> <div class="container text-white"> <h1>Hero</h1> </div> </section>
Result
Open