Bootstrap CSS Classes

« All Bootstrap CSS classes

Bootstrap CSS class .rounded-pill

    <div class="bg-primary rounded-pill" style="width: 75px; height: 30px;"></div>

Preview

Check .rounded-pill in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →

More Bootstrap CSS classes in Borders category

.border
.border-*-0
.border-success
.border-warning
.border-secondary
.border-danger
.border-primary
.border-light
.border-white
.border-dark
.rounded
.rounded-circle
.rounded-*
.border-info
.rounded-0
.border-1
.rounded-1
.rounded-2
.rounded-3
.rounded-bottom
.rounded-start
.rounded-end
.rounded-pill
.rounded-top
Shuffle Editor

An online editor for busy developers.

Shuffle Editor on Facebook Shuffle Editor on Twitter Shuffle Editor on Dribbble

Products

UI Components

Support

Company

© 2024 Shuffle. All rights reserved.