Padding is the space inside a box.

Table of Contents

Add a header to begin generating the table of contents

Padding | Normal FREE isotoop-p-n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla.

Padding Columns

Add the codes to the column.

No padding p-0

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla.

Padding | Small p-s

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla.

Padding | Normal p-n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla.

Padding | Large p-l

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla.

Padding Columns inside rows

Add the codes to the row.
All the columns inside the row will have the same padding.

Lorem ipsum.

.col .col-3

.col .col-4

.col .col-6

Padding Columns inside rows

Add the codes to the row.
All the columns inside the row will have the same padding.

No padding prc-0

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla.

Padding | Small prc-s

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla.

Padding | Normal prc-n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla.

Padding | Large prc-l

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla.

Example padding columns inside rows

Add the codes to the row.
All the columns inside the row will have the same padding

prc-n prc-red03

Example with text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla.

prc-n prc-red03

Example

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla.

prc-n prc-red03

Example

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla.

Red

red01

red02

red03

red04

red05

red06

red07

red08

red09

red10

red11

red12

red13

red21

red22

red23

red24

red25

red07comp

pink

pink01

pink02

pink03

pink04

pink05

pink06

pink07

pink08

pink09

pink10

pink11

pink12

pink13

pink21

pink22

pink23

pink24

pink25

pink07comp

purple

purple01

purple02

purple03

purple04

purple05

purple06

purple07

purple08

purple09

purple10

purple11

purple12

purple13

purple21

purple22

purple23

purple24

purple25

purple07comp

dpurple

dpurple01

dpurple02

dpurple03

dpurple04

dpurple05

dpurple06

dpurple07

dpurple08

dpurple09

dpurple10

dpurple11

dpurple12

dpurple13

dpurple21

dpurple22

dpurple23

dpurple24

dpurple25

dpurple07comp