is now part of Shuffle™. The new editor includes templates for Bootstrap, Bulma, Material-UI, and Tailwind CSS.
Switch to Shuffle →

Bootstrap class: .form-control-plaintext

<input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">

Preview

Tips 💡

Sass source

/* _forms.scss:114 */
.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: $input-padding-y;
  padding-bottom: $input-padding-y;
  margin-bottom: 0; // match inputs if this class comes on inputs with default margins
  line-height: $input-line-height;
  color: $input-plaintext-color;
  background-color: transparent;
  border: solid transparent;
  border-width: $input-border-width 0;

  &.form-control-sm,
  &.form-control-lg {
    padding-right: 0;
    padding-left: 0;
  }
}

/* _forms.scss:300 */
.form-control-plaintext {
  display: inline-block;
}

Uses variables

Code copied to the clipboard.

Copying failed

/* _forms.scss:114 */
$input-padding-y
$input-padding-y
$input-line-height
$input-plaintext-color
$input-border-width

/* _forms.scss:300 */

More in Bootstrap Forms