Прошу прощения за задержку с ответом, вот так вызываю окно:
...
...
var modal_window = '\
<div id="myModalBox" class="modal fade">\
<div class="modal-dialog">\
<div class="modal-content">\
<!-- Заголовок модального окна -->\
<div class="modal-header">\
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>\
<h4 class="modal-title"><font color="red"><b>Возникли ошибки при заполнении формы!</b></font></h4>\
</div>\
<!-- Основное содержимое модального окна -->\
<div class="modal-body" id = "content_of_modal">\
<b>Вы не заполнили следующие обязательные поля:</b> '+err+'\
</div>\
<!-- Футер модального окна -->\
<div class="modal-footer">\
<button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>\
<!--button type="button" class="btn btn-primary">Сохранить изменения</button-->\
</div>\
</div>\
</div>\
</div>\
';
if ( err !='' ){
document.getElementById("modal_window").innerHTML = modal_window;
$('#myModalBox').modal('show');
}
HTML:
<body>
<!--Модальное окно-->
<div id = "modal_window">
</div>
<!--Модальное окно/-->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Total Inventory</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#" onclick = "add()">Добавить</a></li>
<li><a href="#" onclick = "edits()">Редактировать</a></li>
<li><a href="#" onclick = "reports()">Отчеты</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div class="container">
<div id = "add"></div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="../bootstrap/js/jquery.min.js"></script>
<script src="../bootstrap/js/jquery-ui.min.js"></script>
<script src="../bootstrap/js/bootstrap.min.js"></script>
<!--script src="../bootstrap/js/jquery-ui-1.11.4.custom/jquery-ui.js"></script-->
</body>