bootstrap, form-inline как не переносить текст на новую строку?
Мне нравится как работает form-inline, выравнивая элементы в строку, но как заставить последний span class="text-danger" на разных экранах вести себя по разному, если не вмещается в экран не переносить на новую строку, а оставлять в одной линии обрезая текст? Как то вот так:http://prntscr.com/uer8ct А сейчас он себя ведет вот так: http://prntscr.com/uer9i1
<div class="col-sm-12 col-md-12 form-inline">
<span class="text-primary">content</span>
<span class="text-secondary">content content</span>
<span class="text-danger">content content content content</span>
</div>
Ответы (1 шт):
Автор решения: Andrey S
→ Ссылка
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"/>
<div class="col-sm-12 col-md-12 d-block text-truncate">
<span class="text-primary">content</span>
<span class="text-secondary">content content</span>
<span class="text-danger">content content content content</span>
</div>Вот так?