Search
 
SCRIPT & CODE EXAMPLE
 

HTML

bootstrap 5 rounded

<img src="..." class="rounded" alt="...">
<img src="..." class="rounded-top" alt="...">
<img src="..." class="rounded-end" alt="...">
<img src="..." class="rounded-bottom" alt="...">
<img src="..." class="rounded-start" alt="...">
<img src="..." class="rounded-circle" alt="...">
<img src="..." class="rounded-pill" alt="...">
Comment

bootstrap 5 border bottom


<span class="border"></span>
<span class="border-top"></span>
<span class="border-end"></span>
<span class="border-bottom"></span>
<span class="border-start"></span>

<span class="border-0"></span>
<span class="border-top-0"></span>
<span class="border-end-0"></span>
<span class="border-bottom-0"></span>
<span class="border-start-0"></span>

<span class="border border-1"></span>
<span class="border border-2"></span>
<span class="border border-3"></span>
<span class="border border-4"></span>
<span class="border border-5"></span>
Comment

bootstrap 5 rounded

<img src="..." class="rounded-0" alt="...">
<img src="..." class="rounded-1" alt="...">
<img src="..." class="rounded-2" alt="...">
<img src="..." class="rounded-3" alt="...">
Comment

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-->

Comment

PREVIOUS NEXT
Code Example
Html :: how to run python in html 
Html :: number dropdown html 
Html :: how to display an array in html 
Html :: html basic code 
Html :: ionic deactivate fab button 
Html :: csp react 
Html :: html 5 video 
Html :: input limit file type html 
Html :: select empty option 
Html :: pyscript python html 
Html :: disable radio button in html 
Html :: php prevent form resubmission 
Html :: table two columns html 
Html :: bootstrap align right button 
Html :: what kind of cancer did technoblade get 
Html :: salesforce aura toggle input 
Html :: how to like css to html 
Html :: html change content security policy 
Html :: arnav.tcode.in 
Html :: router link @click 
Html :: html align text left 
Html :: placeholder in input field MVC 
Html :: tailwind css toggle 
Html :: js open pdf in new tab 
Html :: html date range input 
Html :: how to download stuff html 
Html :: git markdown relative link 
Html :: text area height 
Html :: allow full screen embed 
Html :: how do i link two pages in html 
ADD CONTENT
Topic
Content
Source link
Name
2+8 =