How to turn a div into a circle with bootstrap

border-radius, domestically translated as rounded corners, you may think that this attribute is used to draw rounded corners, yes, but in addition, it can do other things.

radius actually refers to the radius of the circle where the border is located. This CSS3 property can not only create rounded corners, but also create circles, and put these corners in different orders and sizes. To display, it can be drawn into a variety of graphics. (Recommended learning: Bootstrap video tutorial)

Use border-radius to set the label into a circle. As long as the value of border-radius is set to 50%, it can become Round.

Example:

    

    
    
        <div></div>
        <input>
    

Rendering:

More For technical articles related to Bootstrap, please visit the Bootstrap Tutorial column to learn!

The above is the detailed content of How to turn a div into a circle with bootstrap. For more information, please follow other related articles on the PHP Chinese website!