Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR JAVASCRIPT

bootstrap 5 border

<!-- bootstrap 5.2 -->
<!-- Additive -->
<span class="border"></span>
<!-- Border sizes - border-1 to border-5 -->
<span class="border border-1"></span>
<!-- Border sides -->
<span class="border-top"></span>
<!-- Change 'top' value to side what you need -->
<!-- end -> right, start -> left -->

<!-- Subtractive -->
<span class="border-0"></span>
<span class="border-top-0"></span>
<!-- Change 'top' value to side what you need -->
<!-- end -> right, start -> left -->

<!-- Border color -->
<span class="border border-primary"></span>
<!-- Change 'primary' value to color what you need -->

<!-- Border-radius -->
<img src="..." class="rounded" alt="..."> <!-- Rounded corners -->
<!-- Rounded corner sizes - rounded-1 to rounded-5  -->
<img src="..." class="rounded-1" alt="...">
<!-- Sides rounded corner -->
<img src="..." class="rounded-top" alt="...">
<img src="..." class="rounded-end" alt="..."> <!-- Right side shape -->
<img src="..." class="rounded-bottom" alt="...">
<img src="..." class="rounded-start" alt="..."> <!-- Left side shape -->
<img src="..." class="rounded-circle" alt="..."> <!-- Circle shape -->
<img src="..." class="rounded-pill" alt="..."> <!-- Pill shape-->

Source by getbootstrap.com #
 
PREVIOUS NEXT
Tagged: #bootstrap #border
ADD COMMENT
Topic
Name
5+4 =