Add right rounded corners to an element in Bootstrap

Use the rounded-right class in Bootstrap 4 to add right rounded corners to an element.

Just set the class to be rounded-right to an element like

below ?

Here, another class "one" is also set to style the

element ?

Let us see an example to set right rounded corners to a rectangle ?

Example


  
    Bootstrap Example
    
    
    
    
    
    
  

  
   

Rounded Corner

     

We have a rectangle with right rounded corner:

   
 
Updated on: 2026-03-11T22:50:42+05:30

228 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements