<p class="text-nowrap">No wrap text.</p>
<p class="text-nowrap">No wrap text.</p>
/* _text.scss:12 */
.text-nowrap { white-space: nowrap !important; }
.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; }
}
}
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
© 2024 Shuffle. All rights reserved.