Bootstrap CSS Classes

Bootstrap CSS class .input-group-lg

<div class="input-group input-group-lg">
  <div class="input-group-prepend">
    <span class="input-group-text" id="inputGroup-sizing-lg">Large</span>
  </div>
  <input type="text" class="form-control" aria-label="Large" aria-describedby="inputGroup-sizing-sm">
</div>

Preview

Are you tired of writing HTML by hand?

CSS source

/* _input-group.scss:129 */
.input-group-lg > .input-group-append > .btn {
  height: $input-height-lg;
  padding: $input-padding-y-lg $input-padding-x-lg;
  font-size: $font-size-lg;
  line-height: $input-line-height-lg;
  @include border-radius($input-border-radius-lg);
}

More Bootstrap CSS classes in Form Input Groups category

© 2024 Shuffle. All rights reserved.