Miscellaneous

Spacing

Sandbox adds additional spacing variables to existing Bootstrap spacing ranging between values 0 and 25

Font Size

<p class="fs-sm">.fs-sm text</p>
<p class="fs-lg">.fs-lg text</p>

<p class="fs-1">.fs-1 text</p>
...
<p class="fs-200">.fs-200 text</p>

Line Height

<p class="lh-1">Text</p>
<p class="lh-xxs">Text</p>
<p class="lh-xs">Text</p>
<p class="lh-sm">Text</p>
<p class="lh-base">Text</p>
<p class="lh-lg">Text</p>

Letter Spacing

<p class="ls-xs">Text</p>
<p class="ls-sm">Text</p>
<p class="ls-md">Text</p>
<p class="ls-lg">Text</p>
<p class="ls-xl">Text</p>
<p class="ls-normal">Text</p>

Gutters

Spacing variables mentioned above can also be used for column gutters. More information regarding Bootstrap gutters can be found on Bootstrap docs

Retina Images

<img src="logo.webp" srcset="[email protected] 2x" alt="" />