PRO Tip: You don't have to remember all these classes. Just use our drag & drop editor. Try Demo

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

/* _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

Bootstrap Shuffle drag & drop

Bootstrap drag & drop editor with 230+ components.

Try Demo » Get a LifeTime Deal $79