rounded-bottom

bootstrap5.css

bootstrap5.css
.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

html bootstrap5 Sample

角丸:rounded


rounded
rounded-top
rounded-end
rounded-bottom
rounded-start
rounded-circle
rounded-0
  <!-- 背景色を設定しない限り適用されない、背景に適用される -->
  <!-- 角丸 -->
  <div class="rounded bg-warning">rounded</div>
  <div class="rounded-top bg-warning">rounded-top</div>
  <div class="rounded-end bg-warning">rounded-end</div>
  <div class="rounded-bottom bg-warning">rounded-bottom</div>
  <div class="rounded-start bg-warning">rounded-start</div>
  <!-- サークル -->
  <div class="rounded-circle bg-warning">rounded-circle</div>
  <div class="rounded-0 bg-warning">rounded-0</div>