View ToC

Bootstrap 4 - Utilities



Description

Bootstrap 4 uses collection of utilities for displaying borders, text color, embeding video etc on the web page.

The following table lists down the utilities types which you can use to manipulate the Bootstrap 4 −

S.No. Methods & Description
1

Borders

Border utility provides style, color and radius of an element's border.

2

Clearfix and Close Icon

Clearfix is used to clear the floated content and close icon for dismissing the content.

3

Colors

Use the contextual classes to change the color of text, link and background color of an element.

4

Embed

It is used to embed the video in a page by using <iframe> element.

5

Float

It is used to float an element to left or right side.

6

Shadows and Spacing

Shadow utility adds shadow to the elements and spacing utility provides margin or padding values to an element.

7

Sizing

You can make the size of an element wide or tall by using width and height utilities.

8

Text

Bootstrap provides text utilities to control text alignment, transform, weight and more.

9

Flex

Flex utility can be used to manage the layout, alignment, grid columns, navigation and other components of the page.