Текстовый многоточие в загрузочном моде

Question

То, что я хочу получить, это очень длинный текстовый контент в теле модального Bootstrap, расположенный на одной строке и заканчивающийся многоточием, если он длиннее модальной ширины.

<div class="modal-body">
    <span>Some very very very long text in the modal.</span>
</div>

Answer 1

Пытаться:

CSS

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

HTML

<div class="modal-body">
  <div class="ellipsis">Some very very very long text in the modal.Some very very very long text in the modal.Some very very very long text in the modal.Some very very very long text in the modal.</div>
</div>

Демо: http://jsfiddle.net/lotusgodkk/GCu2D/2084/

Answer 2

Для начальной загрузки 4 теперь есть text-truncate класс, который будет делать то же самое.

<h3 class="text-truncate">Name</h3>