The Ultimate Guide to Bootstrap Border Thickness (3 Examples!)

Bootstrap includes some excellent border utility classes. It has five utility classes for border width, also known as border thickness. We can also customize the built-in $border-width variable and the –bs-border-width variable. In this tutorial we will demo these three methods of controlling element border width. Here’s what we will build: How to Use Bootstrap … Read more

The Ultimate Guide to React-Bootstrap Form Control Border, Hover, and Focus Color

React-Bootstrap Form Control components are used in combination with other components. In this tutorial I will customize form control border, hover, and focus color when the component is inside of an Input component. Bootstrap has built-in classes that we can use to control this styling. These classes are available in vanilla Bootstrap and React-Bootstrap. Here’s … Read more

The Ultimate Guide to React-Bootstrap Hover Effects (3 Demos!)

Hover effects are important for creating a perfect UI design. React-Bootstrap offers several methods of adding hover effects on components. In this tutorial we will add hover effects to a Card component using CSS, React hooks, and the OverlayTrigger component. Here’s what we will build: In the screenshot above I triggered hover effects on three … Read more