Correct way to create rounded corners in Twitter Bootstrap

twitter-bootstrap less css
Edward Ruchevits picture Edward Ruchevits · Aug 23, 2012 · Viewed 228.2k times · Source

I've just started with Twitter Bootstrap and here is one question.

I am creating custom <header> block, and I want it's bottom corners to be rounded.

Is there any "correct" way to do this by using predefined classes, or I have to specify it manually like:

border-radius: 10px;               // and all that cross-browser trumpery

For now, I'm using css styles. Maybe it will be better to use less for that issue?

Answer

Swade picture Swade · Jan 11, 2014

<div class="img-rounded"> will give you rounded corners.

Related questions

Use table row coloring for cells in Bootstrap

Twitter Bootstrap offers classes to color table rows like so: <tr class="success"> I like the color choice and the class naming. Now what I would like to do, is to re-use these classes and apply them on …

Read More
Fluid Container in Bootstrap 3

How to make fluid container in bootstrap 3? In bootstrap 2.3.2 .container-fluid class is there. But now in bootstrap 3 it is missing and there is only .container class. Please help me.

Read More
Height not 100% on Container Fluid even though html and body are

I have the following layout (I'm using Meteor): <template name="headerFooter"> <div class="container-fluid fill-height"> {{> header}} {{> UI.contentBlock}} {{> footer}} </div> </template> <template name="home"> {{#headerFooter}} <div …

Read More