Use the border-light class in Bootstrap 4, to set a light gray border to an element as shown below   light border Style for the demo class is for the element −.demo {   width: 150px;   height: 220px;   margin: 15px; }Learn how to work with the border-light class ... Read More

The modal(“show”) method opens a modal like below −The modal is displayed using the modal(“show”) method as shown below −$("#newModal").modal("show");Let us see an example of modal(“show”) method −ExampleLive Demo       Bootstrap Example                     ... Read More

Use the card-deck class in Bootstrap to form a grid of cards with equal width and height.Set the cards inside the following div −   Let us set the grid of cards now in the card-deck class −           Nothing new!   ... Read More

The hidden.bs.tooltip event in Bootstrap fires when the tooltip is hidden −$("[data-toggle='tooltip']").on('hidden.bs.tooltip', function(){   alert('Tooltip is completely hidden now.'); });The data-toggle attribute is set before as shown below −   Timings You can try to run the following code to implement the hidden.bs.tooltip event −ExampleLive Demo     ... Read More

To set the container for the Bootstrap card, you need to use the card-body class. It allows you to add contentThe following is the card-body class −   Body of the card And set the above inside the card class as shown in the following code snippet −   Body ... Read More

If you want to set rounded right corner to an element, then use the rounded-right class in Bootstrap 4.Adding it to the web page is not a tiresome task. Just add the class to div class −The one class above is used to set style for div − .one { ... Read More

Avoid wrapping flex items in Bootstrap 4, using the .flex-nowrap class.Below you can see the flex items aren’t wrapping after the “Eight” flex-item −The flex is set in the div class as if we add any other class in −The following is an example to implement flex-nowrap class to avoid ... Read More

To add a gray background color to the Bootstrap 4 card, use the card class with the bg-dark contextual class −Set the card body inside the same class −   Hello Let us see the complete example add a grey background color to Bootstrap card −ExampleLive Demo       Bootstrap Example                                   Welcome               Hello          

Use the border-primary class to set a blue border to an element.For a blue border, add the class, as if you add it for or any other element − Let us see an example to set a blue border −ExampleLive Demo       Bootstrap Example   ... Read More

Use the flex-nowrap class in Bootstrap 4 to avoid wrapping the flex items.Here you can see the difference between wrap and nowrap −Above the flex-items are not wrapped. This is achieved using the flex-nowrap class in Bootstrap 4 −   One   Two   Three   Four   Five   ... Read More