Как Bootstrap 5 обрабатывает управление переносом длинных строк текста?

Bootstrap 5 для управления переносом длинных строк текста использует утилиту текстовой обрезки. bootstrapdocs.ru Она позволяет обрезать длинные строки и заменять конец на многоточие (три точки), чтобы указать, что есть ещё контент за пределами видимой области. bootstrapdocs.ru

Чтобы использовать утилиту, нужно: bootstrapdocs.ru

1. Добавить класс .text-truncate. bootstrapdocs.ru Для блочных элементов (например, абзацев) нужно обернуть контент в <div> с этим классом. bootstrapdocs.ru Для строчных элементов (например, спанов) класс .text-truncate применяется напрямую. bootstrapdocs.ru
2. Убедиться в правильном свойстве отображения. bootstrapdocs.ru Класс .text-truncate требует, чтобы родительский элемент имел свойство display: inline-block или display: block. bootstrapdocs.ru Без правильного свойства отображения обрезка не будет работать ожидаемым образом. bootstrapdocs.ru

Кроме того, для переноса текста и переполнения в Bootstrap 5 есть специальные классы: getbootstrap.ru www.geeksforgeeks.org

• .text-wrap — используется для переноса содержимого. www.geeksforgeeks.org
• .text-nowrap — применяется, чтобы не переносить элемент. www.geeksforgeeks.org