Bootstrap 4 Tutorial
BS4 Introduction BS4 Getting Started BS4 Containers BS4 Typography BS4 Grid Basics BS4 Tables BS4 Images BS4 Jumbotron BS4 Buttons BS4 Button Groups BS4 Spinners BS4 Alerts BS4 Dropdowns BS4 Collapse BS4 Navs BS4 Navbars BS4 Pagination BS4 Breadcrumbs BS4 Badges BS4 Progress Bars BS4 List Groups BS4 Cards BS4 Forms BS4 Inputs BS4 Input Groups BS4 Custom Forms BS4 Carousel BS4 Modal BS4 Tooltips BS4 Popovers BS4 Toast BS4 Scrollspy BS4 Media Objects BS4 Filters BS4 Utilities
Borders Clearfix Colors Display Embed Flex Float Position Shadows Sizing Spacing Stretched link Text Vertical align Misc
Bootstrap 3 vs. Bootstrap 4
Bootstrap 4 Grid
BS4 Grid System BS4 Grid XSmall BS4 Grid Small BS4 Grid Medium BS4 Grid Large BS4 Grid XLarge
Bootstrap 4 Reference
JS Alert JS Carousel JS Collapse JS Dropdown JS Modal JS Popover JS Tab JS Toasts JS Tooltip

Bootstrap 4 Borders

Use border utilities to quickly style the border and border-radius of an element without using any CSS code.


Use border utilities to add an element’s borders:

Run code

Border utilities can also be used to remove an element’s borders:

Run code

Border Color

Change the border color using contextual border color classes:

Run code

Border Radius

Add rounded corners to an element with the .rounded classes:

Run code

Border Radius Sizes

Use .rounded-lg or .rounded-sm for larger or smaller border-radius:

Run code