text responsive bootstrap 4 code example

Example 1: how to make fonts respnsive

h1 {
  font-size: clamp(16px, 5vw, 34px);
}

Example 2: how to make font responsive

html { font-size: calc(1em + 1vw); }

Example 3: bootstrap text size

<p class="h1">h1. Bootstrap heading</p>
<p class="h2">h2. Bootstrap heading</p>
<p class="h3">h3. Bootstrap heading</p>
<p class="h4">h4. Bootstrap heading</p>
<p class="h5">h5. Bootstrap heading</p>
<p class="h6">h6. Bootstrap heading</p>

Example 4: bootstrap 4 responsive paragraph

<p class="lead">
  Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
</p>

Tags:

Html Example