Моя загрузочная мода не отображается правильно. он отображается на полную страницу. im используя html-страницу. кажется, что модальный isnt inline, но я также считаю, что мой код верен. Я надеюсь, что кто-то может помочь. благодаряBootstrap Modal растягивается до полной страницы
<!-- MODAL SECTION -->
<div class="modal fade" id="myModal">
<div class="model-dialog">
<div class="model-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel"><i class="fa fa-envelope"></i> Subscribe to our Newsletter</h4>
</div><!-- modal header -->
<div class="modal-body">
<p>Simply enter your name and email! To receive our <em>Newsletter</em></p>
<form class="form-inline" role="form">
<div class="form-group">
<label class="sr-only" for="subscribe-name">Your First Name</label>
<input type="text" class="form-control" id="subscribe-name" placeholder="Your first name">
</div><!-- form-group -->
<div class="form-group">
<label class="sr-only" for="subscribe-email">and your email</label>
<input type="text" class="form-control" id="subscribe-email" placeholder="and your email">
</div><!-- form-group -->
<input type="submit" class="btn btn-danger" value="Subscribe!">
</form>
<hr>
<p><small>By providing your email you consent to receiving our newsletters. <br>No Spam. Just good stuff. We respect your privacy & you may unsubscribe at any time.</small></p>
</div><!-- modal body -->
</div><!-- modal-content -->
</div><!-- modal-dialog -->
</div><!-- modal -->
'модель-dialog' &' модель-content' написаны с ошибками (а в неправильном порядке): это _modal - * _. См. [Modals] (https://getbootstrap.com/javascript/#modals) – vanburen