5 redirect_from: "/utilities/"
8 Use border utilities to quickly style the `border` and `border-radius` of an element. Great for images, buttons, or any other element.
12 Add classes to an element to remove all borders or some borders.
14 <div class="bd-example-border-utils">
16 <span class="border-0"></span>
17 <span class="border-top-0"></span>
18 <span class="border-right-0"></span>
19 <span class="border-bottom-0"></span>
20 <span class="border-left-0"></span>
26 Add classes to an element to easily round its corners.
28 <div class="bd-example bd-example-images">
29 <img data-src="holder.js/75x75" class="rounded" alt="Example rounded image">
30 <img data-src="holder.js/75x75" class="rounded-top" alt="Example top rounded image">
31 <img data-src="holder.js/75x75" class="rounded-right" alt="Example right rounded image">
32 <img data-src="holder.js/75x75" class="rounded-bottom" alt="Example bottom rounded image">
33 <img data-src="holder.js/75x75" class="rounded-left" alt="Example left rounded image">
34 <img data-src="holder.js/75x75" class="rounded-circle" alt="Completely round image">
35 <img data-src="holder.js/75x75" class="rounded-0" alt="Example non-rounded image (overrides rounding applied elsewhere)">
39 <img src="..." alt="..." class="rounded">
40 <img src="..." alt="..." class="rounded-top">
41 <img src="..." alt="..." class="rounded-right">
42 <img src="..." alt="..." class="rounded-bottom">
43 <img src="..." alt="..." class="rounded-left">
44 <img src="..." alt="..." class="rounded-circle">
45 <img src="..." alt="..." class="rounded-0">