Это мой код:
<div class="panel panel-default" style="width: 400px;">
<div class="panel-heading" role="button">
<h3 class="panel-title">asdfasdfsadfa asdfasdfasdfasdfdsd <i aria-hidden="true" class="far fa-lg fa-pull-right fa-fw fa-square"></i></h3>
</div>
</div>
Вот мой пример .
Пока панель достаточно велика, текст и значок FontAwesome встроены.Однако, как только ширина уменьшается, слово не разрывается, а значок просто падает на следующую строку.
Как бы это исправить?