Bootstrap modal pop-up display large image-Auto scale size

effect: Displays a large number of small images in a table, one image per click, and a larger image.

HTML for small graphs
<td></td>

Show the modal of a large image
<!--imgmodal--> of enlarged graphs
<div class= "Modal Fade Bs-example-modal-lg text-center" id= "Imgmodal" tabindex= "-1" role= "dialog" aria-labelledby= "Mylargemodallabel" >
<div class= "Modal-dialog modal-lg" style= "display:inline-block; Width:auto;" >
<div class= "Modal-content" >

</div>
</div>
</div>

Take the default size of modal as an example,to make a change in width, you just have to work on the. Modal-dialog style. For the sake of simplicity, I now write directly on the element tag.
key three points:
with Display:inline-block;
The parent node is centered with the text-center style;
Reset width Width:auto

Bootstrap modal pop-up display large image-Auto scale size