Skip to main content Skip to docs navigation

Borders Extended

Liander Bootstrap Borders additions.

On this page

Border

Border additions

Border radius

This is the same as the ‘sizes’ example of borders, with the addition that the top-start border radius is 0 by using the rounded-top-start-0 class. This only works when combining this with for example one of the rounded classes.

Example small rounded image75x75 Example default rounded image75x75 Example large rounded image75x75 Example larger rounded image75x75 Example extra large rounded image75x75
html
<img src="..." class="rounded-1 rounded-top-start-0" alt="...">
<img src="..." class="rounded-2 rounded-top-start-0" alt="...">
<img src="..." class="rounded-3 rounded-top-start-0" alt="...">
<img src="..." class="rounded-4 rounded-top-start-0" alt="...">
<img src="..." class="rounded-5 rounded-top-start-0" alt="...">