Добавить элемент модального заголовка в открытое поле оповещения в загрузочном боксе

Question

Показать alert сообщений Я использую bootboxjs.com bootstrap jquery plugin.
после вызова bootbox.alert("Hello world!"); метода, он генерирует ниже код и показать модальное:

<div id="myModal" class="modal fade"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <!-- dialog body --> 
     <div class="modal-body"> 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
     Hello world! 
     </div> 
     <!-- dialog buttons --> 
     <div class="modal-footer"><button type="button" class="btn btn-primary">OK</button></div> 
    </div> 
    </div> 
</div> 

Как вы видите генерируется модальность не имеет modal-header элемент, чтобы показать сообщение заголовка по умолчанию.
Я хочу, чтобы все ящики с предупреждениями имели заголовок по умолчанию, содержит пользовательское сообщение типа: System Says :.

Я знаю, что есть метод dialog() в bootboxjs для отображения пользовательского сообщения, которое могло содержать modal-header элемент. Но для использования диалогового окна() необходимо написать и повторить некоторые строки, чтобы показать простое окно предупреждения.

У вас есть решение проблемы?

Answer 1

Используйте options object указать заголовок, и он будет генерировать заголовок вы после:

bootbox.alert({ 
 
    title: "I'm the title!", 
 
    message: "I'm the message!", 
 
    callback: function(){ console.log("I handled the callback!"); } 
 
});

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>