Как применить выравнивание текста в оповещениях Bootstrap

Question

Я хотел бы спросить, как выравнивать текст (выравнивание по правому краю и по левому краю) внутри уведомлений Bootstrap. Я попытался использовать класс text-justify с классами предупреждений, но не смог получить текст для оправдания. Код выглядит следующим образом:

<div class="alert alert-danger alert-error text-justify"> 
    <a href="#" class="close" data-dismiss="alert">&times;</a> 
    <span class="glyphicon glyphicon-remove-circle"></span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque scelerisque enim non dolor blandit lobortis. Aenean risus elit, porta eu consectetur vel, mollis ut risus 
</div>. 

До сих пор я получаю ниже результат:

Благодарности

Answer 1

Ссылка на bootply: http://www.bootply.com/d3oeN9GlOg

Изменение вашего код вроде этого и посмотреть.

<div class="alert alert-danger alert-error text-justify"> 
    <div class="container"> 
    <div class="row"> 
     <a href="#" class="close" data-dismiss="alert">&times;</a> 
    </div> 
    <span class="glyphicon glyphicon-remove-circle"></span> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque scelerisque enim  non dolor blandit lobortis. Aenean risus elit, porta eu consectetur vel, mollis ut risus 
    </div> 
</div> 

контейнер ДИВ не является обязательным.

Если вы не хотите использовать контейнер и хотите, чтобы кнопка закрытия и другие элементы в той же строке, используйте этот код.

<div class="alert alert-danger alert-error text-justify"> 
    <div class="row"> 
    <div class="col-xs-11"> 
     <span class="glyphicon glyphicon-remove-circle"></span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque scelerisque enim non dolor blandit lobortis. Aenean risus elit, porta eu consectetur vel, mollis ut risus 
    </div> 
    <div class="col-xs-1"> 
     <a href="#" class="close" data-dismiss="alert">×</a> 
    </div> 
    </div> 
</div> 

Смотрите обновленный bootply: http://www.bootply.com/tyrOuAN0x0