Controls the collapsing or separation of table borders.
Class | Property |
bc-c | border-collapse: collapse; |
bc-s | border-collapse: separate; |
Collapse
The table borders will be merged.
Separate
Each table cell will have its own border.
Using responsive modifiers
Using responsive breakpoints like sm:bs-*
,
md:bs-*
, lg:bs-*
, and xxl:bs-*
allows targeting specific utilities in
different viewports.
Using hover modifiers
Using :hover
modifiers such as h:bs-*
allows
you to override elements and change their values when hovering over them.