<span class="border border-primary"></span>
<span class="border border-secondary"></span>
<span class="border border-success"></span>
<span class="border border-danger"></span>
<span class="border border-warning"></span>
<span class="border border-info"></span>
<span class="border border-light"></span>
<span class="border border-dark"></span>
<span class="border border-white"></span>

<span class="border-0"></span>
<span class="border-top-0"></span>
<span class="border-right-0"></span>
<span class="border-bottom-0"></span>
<span class="border-left-0"></span>

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: getbootstrap.com

Tags: border bo

Link to this answer
Share Copy Link

Contributed on Jul 24 2021

mohamed abu assi

0 Answers Avg Quality 2/10

border radius bootstrap

Comments(1)

Border-radius
Add classes to an element to easily round its corners.

<img src="..." alt="..." class="rounded">
<img src="..." alt="..." class="rounded-top">
<img src="..." alt="..." class="rounded-right">
<img src="..." alt="..." class="rounded-bottom">
<img src="..." alt="..." class="rounded-left">
<img src="..." alt="..." class="rounded-circle">
<img src="..." alt="..." class="rounded-0">

Popularity 10/10 Helpfulness 5/10 Language whatever

Source: Grepper

Tags: border-radius bo

Link to this answer
Share Copy Link

Contributed on Apr 29 2020

Ankur

0 Answers Avg Quality 2/10

bootstrap border radius

Comment

<!-- Bootstrap@5 - Border Radius -->
<img src="..." alt="..." class="rounded">
<img src="..." alt="..." class="rounded-top">
<img src="..." alt="..." class="rounded-right">
<img src="..." alt="..." class="rounded-bottom">
<img src="..." alt="..." class="rounded-left">
<img src="..." alt="..." class="rounded-circle">
<img src="..." alt="..." class="rounded-0">

Popularity 10/10 Helpfulness 5/10 Language html

Source: getbootstrap.com

Tags: border-radius bo

Link to this answer
Share Copy Link

Contributed on Jan 04 2022

Smart Morty

0 Answers Avg Quality 2/10

border raduis with bootstrap

Comment

<img src="..." alt="..." class="rounded">
<img src="..." alt="..." class="rounded-top">
<img src="..." alt="..." class="rounded-right">
<img src="..." alt="..." class="rounded-bottom">
<img src="..." alt="..." class="rounded-left">
<img src="..." alt="..." class="rounded-circle">
<img src="..." alt="..." class="rounded-3">

Popularity 10/10 Helpfulness 5/10 Language whatever

Source: getbootstrap.com

Tags: border bo

Link to this answer
Share Copy Link

Contributed on Nov 13 2022

sajjad mahmoodi

0 Answers Avg Quality 2/10

bootstrap 5 border

Comment

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

Popularity 10/10 Helpfulness 4/10 Language html

Source: getbootstrap.com

Tags: bootstrap-5 boot

Link to this answer
Share Copy Link

Contributed on Sep 10 2022

Encouraging NeoBliz

0 Answers Avg Quality 2/10

bootstrap border radius

Comment

<img src="..." alt="..." class="rounded">
<img src="..." alt="..." class="rounded-top">
<img src="..." alt="..." class="rounded-right">
<img src="..." alt="..." class="rounded-bottom">
<img src="..." alt="..." class="rounded-left">
<img src="..." alt="..." class="rounded-circle">
<img src="..." alt="..." class="rounded-4">

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: getbootstrap.com

Tags: border-radius bo

Link to this answer
Share Copy Link

Contributed on May 12 2022

rossiny st cyr

0 Answers Avg Quality 2/10

border-radius class in bootstrap 4

Comment

<img src="..." alt="..." class="rounded">
<img src="..." alt="..." class="rounded-top">
<img src="..." alt="..." class="rounded-right">
<img src="..." alt="..." class="rounded-bottom">
<img src="..." alt="..." class="rounded-left">
<img src="..." alt="..." class="rounded-circle">
<img src="..." alt="..." class="rounded-0">

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: getbootstrap.com

Tags: bootstrap-4 boot

Link to this answer
Share Copy Link

Contributed on Feb 03 2021

Agreeable Aardvark

0 Answers Avg Quality 2/10

container border bootstrap

Comment

<span class="border border-primary"></span>
<span class="border border-secondary"></span>
<span class="border border-success"></span>
<span class="border border-danger"></span>
<span class="border border-warning"></span>
<span class="border border-info"></span>
<span class="border border-light"></span>
<span class="border border-dark"></span>
<span class="border border-white"></span>

<span class="border-0"></span>
<span class="border-top-0"></span>
<span class="border-right-0"></span>
<span class="border-bottom-0"></span>
<span class="border-left-0"></span>

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: border bo

Link to this answer
Share Copy Link

Contributed on Nov 10 2022

Ill Impala

0 Answers Avg Quality 2/10

how to make text over border using html and bootstrap

Comment

.header-border {
  width: 100%;
  margin-bottom: 10px;
  border-left: red solid 1px;
  border-right: red solid 1px;
  border-bottom: red solid 1px;
  .heading, .heading-subtitle {
    text-align: center;
  }
  .heading > span, .heading-subtitle > span {
    background-color: white;
    box-shadow: white 11px 0px 0px,
                white -13px 0px 0px;
    &:after {
      content: '';
      border-top: 1px solid red;
      height: 1px;
      width: 100%;
      display: block;
      position: relative;
      top: -20px;
      z-index: -1;
    }
  }
  .heading-subtitle > span {
    &:after {
      top: -13px;
    }
  }
}

Popularity 9/10 Helpfulness 2/10 Language html

Source: stackoverflow.com

Tags: border bo

Link to this answer
Share Copy Link

Contributed on Dec 03 2023

Akhil Anil

0 Answers Avg Quality 2/10

how to add a border under div bootstrap

Contents

More Related Answers