Изменение размера предупреждений бутстрапа

Question

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

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

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

Answer 1

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

.alert { 
    width:40%;  
} 

Пример

http://www.bootply.com/96921

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

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

.alert { 
    width:300px;  
} 

Answer 2

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

.alert { 
    display:inline-block; 
} 

Answer 3

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

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

    </div> 
</div> 

Answer 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"> 

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