Question

我的任务是创建一个模态，但我被告知在这个版本中我无法使用Bootstrap库。是否可以在没有Bootstrap类的情况下构建模态？如果是这样，有人可以引导我阅读一些文档吗？

这是我到目前为止所做的：

<div class="modal" id="myModal">
    <div class="modal-dialog">
        <div class="modal-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> </h4>
            </div><!-- modal-header -->
            <div class="modal-body">
                <p>Select the options below to get the right coverage type for you.</p>
                <form class="form-inline" role="form">
                    <div>

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

我的下一步是放在那里：

<div class="form-group"></div>

但这是一个Bootstrap类，有什么替代方案？

Answer 1

有这个Jquery插件，请看一下：https://jqueryui.com/dialog

我可以在没有Bootstrap的情况下制作模态吗？

1 个答案: