Border Spacing

Set the distance between table borders.

This feature is well established and works across many devices and browser versions.

Chrome

Edge

Firefox

Safari

bs-0

border-spacing: 0;

bs-1

border-spacing: .25rem;

bs-2

border-spacing: .5rem;

bs-3

border-spacing: .75rem;

bs-4

border-spacing: 1rem;

bs-5

border-spacing: 1.25rem;

bs-6

border-spacing: 1.5rem;

bs-7

border-spacing: 1.75rem;

bs-8

border-spacing: 2rem;

bs-px

border-spacing: 1px;

Prefix a class with a breakpoint to apply it from that width up.

Prefix a class with a state to apply it only while that state matches.