<Button class = "BTN-success" data-Toggle = "Modal" data-target = "# mymodal"> Add </button> <Div id = "mymodal" class = "Modal fade" tabindex = "-1" role = "dialog"> <Div class = "modal-dialog" role = "document"> <Div class = "modal-content"> <Div class = "modal-header"> <button type = "button" class = "close" data-dismiss = "Modal" Aria-label = "close"> <Span aria-hidden = "true"> × </span> </button> <H4 class = "modal-title"> modal t Itle </H4> </div> <Div class = "modal-Body"> <p> one fine body... </P> </div> <Div class = "modal-footer"> <button type = "button" class = "BTN-Default" data-dismiss = "Modal"> close </button> <button type = "button" class = "BTN-primary"> Save changes </button> </div> <! --/. Modal-content --> </div> <! --/. Modal-dialog --> </div>
The modal box cannot pop up,
Change the call order to the following, and the pop-up will be normal.
<script src="../../jquery-3.3.1.min.js"></script><script src="../../bootstrap/js/bootstrap.min.js"></script>
The bootstrap modal box cannot be called.