Search results
Learn how to use border utilities to add or remove borders and border-radius to any element. See examples of different border colors and styles for images, buttons, and more.
- Borders
Use border utilities to quickly style the border and...
- Borders · Bootstrap v5.3
Use border utilities to quickly style the border and...
- Borders
Learn how to use border utilities to style the border and border-radius of an element in Bootstrap v5.0. See examples, Sass variables and mixins, and utilities API for customization.
- Border
- Color
- Opacity
- CSS
- GeneratedCaptionsTabForHeroSec
Use border utilities to add or remove an element’s borders. Choose from all borders or one at a time.
Change the border color using utilities built on our theme colors. Or modify the default border-colorof a component:
Bootstrap border-{color}utilities are generated with Sass using CSS variables. This allows for real-time color changes without compilation and dynamic alpha transparency changes.
Sass variables
Variables for setting border-color in .border-*-subtleutilities in light and dark mode:
Sass maps
Color mode adaptive border colors are also available as a Sass map:
Sass utilities API
Border utilities are declared in our utilities API in scss/_utilities.scss. Learn how to use the utilities API.
Learn how to use border utilities to style the border and border-radius of an element in Bootstrap v5.3. See how to change border color, width, opacity, and radius with classes, Sass variables, and CSS variables.
Aug 3, 2023 · Learn how to add, remove, color and radius borders in bootstrap using different classes. See code examples and output images for each border option.
Learn how to use the border classes to add or remove borders from an element in Bootstrap 4. See examples of different border colors, radii, and responsive behavior.
Apr 4, 2024 · Learn how to use Bootstrap 5 classes to customize borders for elements, including color, width, and radius. See examples of different border sizes and colors with code and output.
People also ask
What are Bootstrap 5 borders?
What is a border in Bootstrap?
How to add and remove borders in Bootstrap?
How do I change the border color in Bootstrap 5?
How to add a border to a table in Bootstrap?
How to style elements without using CSS code in Bootstrap 4?
Learn how to use border utilities to style the border and border-radius of an element in Bootstrap 5. See basic, color, width, radius and size examples with code and sandbox.