Utilities

Reboot

The library comes built into Bootstrap and provides a default, consistent across the browsers styling of basic HTML elements.

Responsive images

Basic technique for responsive images is implemented out of the box:

<img class="img-fluid" src="...">

The .img-fluid class applies max-width: 100%; height: auto styling so that the image resizes properly.

Display classes

Provides classes that can change the display property of the element, based on breakpoint:

<div class="d-none d-md-block">...</div>

The div will be hidden for phones and visible for tablets and desktops.

Aspect ratio

While primarily used for embedding external media, can be also used to force aspect ratio for custom elements:

This will always be square

Available aspect-ratio classes are created based on the $embed-responsive-aspect-ratios variable in Bootstrap's config.

Read more

results matching ""

    No results matching ""