Bootstrap заключает в себе все слово после дефиса внутри текста

Question

обернуть целое слово, которое содержит дефисы, такие как 12-02-2018, но не обернуть частичное слово, как 12-02-
2018

<div class="modal-body">
  <p>Test test Test test Test test Test test 12-02-2018</p>
</div>

Answer 1

Используйте дополнительный диапазон, что-то вроде этого:

<div class="modal-body">
  <p>Test test Test test Test test Test test <span class="text-nowrap">12-02-2018</span></p>
</div>

равно

    <div class="modal-body">
      <p>Test test Test test Test test Test test <span style="white-space: nowrap">12-02-2018</span></p>
    </div>