Изменение размера предупреждений Bootstrap

Есть ли способ, которым я мог бы отредактировать, как далеко может растягиваться тревога по странице, поэтому она не проходит полностью?

Вот пример моих предупреждений:

<div class="alert alert-success">Your first number was correct.</div>

Ответ 1

Используя некоторые CSS

.alert {
   width:40%;    
}

Пример

http://www.bootply.com/96921

В приведенном выше примере ширина предупреждений составляет 40% от контейнера или в этом случае экран.

Вы также можете установить фиксированную ширину.

.alert {
   width:300px;    
}

Ответ 2

если вы хотите, чтобы предупреждение было равно размеру внутреннего текста:

.alert {
  display:inline-block;
}

Ответ 3

Размещение его в row и смещение его col сделало это для меня.

<div class="row">
    <div class="alert alert-danger col-md-4 col-md-offset-4" align="center">

    </div>
</div>

Ответ 4

Я думаю, что было бы просто взять код из вопроса

<div class="alert alert-success">

и добавьте один из классов столбцов, подобных этому

<div class="alert alert-success col-md-3">

Что-то вроде этого все-таки сработало для меня, мой точный код был

<div class="alert alert-info alert-dismissible col-md-3" role="alert">

Сделал из него небольшое небольшое предупреждение чуть больше, чем кнопку.

Ответ 5

Если процент или фиксированные пиксели не соответствуют никому требованию и нуждаются в автоматической ширине в соответствии с текстом, с помощью начальной загрузки 4.1.3, просто добавив "строку" вокруг элемента оповещения, мне удалось:

<div class="row">
   <div id="info" class="alert alert-success"></div>
</div>

Это соответствует потребности Надеюсь, что это поможет кому-то с указанной версией Bootstrap.