← all Bootstrap classes list

Bootstrap class: .close

<button type="button" class="close" aria-label="Close">
  <span aria-hidden="true">&times;</span>
</button>

Preview

Sass source

/* _alert.scss:33 */
.close {
  position: absolute;
  top: 0;
  right: 0;
  padding: $alert-padding-y $alert-padding-x;
  color: inherit;
}

/* _modal.scss:108 */
.close {
  padding: $modal-header-padding;
  // auto on the left force icon to the right even when there is no .modal-title
  margin: (-$modal-header-padding) (-$modal-header-padding) (-$modal-header-padding) auto;
}

Uses variables

Code copied to the clipboard.

Copying failed

/* _alert.scss:33 */
$alert-padding-y
$alert-padding-x

/* _modal.scss:108 */
$modal-header-padding
$modal-header-padding
$modal-header-padding
$modal-header-padding

More in Bootstrap Misc

Create Bootstrap 4 templates in minutes.

Try Demo Learn more

FREE Create a Bootstrap Shuffle account and get access to Tailwind Builder and Bulma Builder for FREE (save $178).