YouTip

Bootstrap 5 provides many useful classes to help us quickly achieve effects without having to repeat writing some CSS code. * * * ## Background Color When setting the background color of different elements, you need to use the .text-* class to set the matching text color: !(#) ## Example [Try it Yourself »](#) The .bg-gradient class can set the background color gradient effect: ## Example [Try it Yourself »](#) * * * ## Borders We can use border related classes to display borders as needed: !(#) ## Example
[Try it Yourself »](#) The .border-1 to .border-5 classes are used to set the border width: ## Example [Try it Yourself »](#) The following sets different border colors: ## Example [Try it Yourself »](#) The **rounded** related classes are used to set rounded corners: !(#) ## Example [Try it Yourself »](#) The .rounded-0 to .rounded-3 classes are used to set the size of rounded corners: ## Example [Try it Yourself »](#) * * * ## Float and Clearfix Use .float-end class to float element to the right, .float-start class to float to the left, and .clearfix class to clear floats: ## Example