Question

我的bootstrap模式未正确显示。它被拉伸到整页。我正在使用html页面。似乎模态不是内联的，但我也认为我的代码是正确的。

<!-- 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">&times;</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 &amp; you may unsubscribe at any time.</small></p>
            </div><!-- modal body -->

        </div><!-- modal-content -->
    </div><!-- modal-dialog -->
</div><!-- modal -->

Answer 1

<div class="modal-dialog">
        <div class="modal-content">

应该是：

const flattenCol = _.flow(
  _.identity,
  _.partialRight(_.map, _.cond([
    [_.isArray, flattenCol],
    [_.isPlainObject, flattenCol],
    [_.stubTrue, _.identity],
  ])),
  _.flattenDeep
);

Bootstrap Modal正在扩展到整页

1 个答案: