Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!-- Font size responsive --> <h1 class="fs-2 fs-md-1 fw-bold">Big on desktop, smaller on mobile</h1> <!-- Text alignment responsive --> <p class="text-center text-md-start">Centered mobile, left-aligned desktop</p> <!-- Fluid heading with display classes --> <h1 class="display-6 display-md-4 display-lg-2">Hero Heading</h1> <!-- Bootstrap 5.2+ responsive font-size (rfs) is on by default --> <!-- $enable-rfs: true in Sass -->
Result
Open