Borders can be applied on a global/axis/sided basis using the standard size suffixes.
The table below details them in order of application and definition at the CSS-level.
| Border Style | Enabling class | Disabling class |
|---|---|---|
| Global | .b, .border | .b-0 |
| Horizontal | .bx | .bx-0 |
| Vertical | .by | .by-0 |
| Top | .bt | .bt-0 |
| Down | .bb | .bb-0 |
| Left | .bl | .bl-0 |
| Right | .br | .br-0 |
| Border style | Class | Example |
|---|---|---|
| None | .b-none | |
| Hidden | .b-hidden | |
| Dotted | .b-dotted | |
| Dashed | .b-dashed | |
| Solid | .b-solid | |
| Double | .b-double | |
| Groove | .b-groove | |
| Ridge | .b-ridge | |
| Inset | .b-inset | |
| Outset | .b-outset |