Bootstrap CSS Classes

Bootstrap CSS class .text-truncate

<p class="text-truncate">truncated text.</p>

Preview

Are you tired of writing HTML by hand?

CSS source

/* _text.scss:13 */
.text-truncate { @include text-truncate; }

// Responsive alignment

@each $breakpoint in map-keys($grid-breakpoints) {
  @include media-breakpoint-up($breakpoint) {
    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);

    .text#{$infix}-left   { text-align: left !important; }
    .text#{$infix}-right  { text-align: right !important; }
    .text#{$infix}-center { text-align: center !important; }
  }
}

More Bootstrap CSS classes in Text category

© 2024 Shuffle. All rights reserved.