asp.net mvc - MVC 5 / Bootstrap App - Modal Dialog Auto expand? -
I found the following HTML in an MVC 5 / Bootstrap app as you can see, I display a photo in the modal dialog I am trying to do It works fine but, if the picture is more comprehensive than the dialogue, then it extends beyond the boundaries of the dialogue is there any way that I can increase the dialogue at a certain point, then on the basis of the size of the content Can I display scroll bars?
& lt; Div class = "modal fade" id = "visible photo dialog" tabindex = "- 1" & gt; & Lt; Div class = "modal-dialog" & gt; & Lt; Div class = "modal-content" & gt; & Lt; Div class = "modal-header" & gt; & Lt; H4 & gt; Ask Experts & lt; / H4 & gt; & Lt; / Div & gt; & Lt; Div class = "modal-body" & gt; & Lt; Img src = "@ Url.Action (" GetPhoto ", new {askTheExpertId = @model AsktheExpertId})" alt = "" title = "" /> & Lt; / Div & gt; & Lt; Div class = "modal-footer" & gt; & Lt; Button class = "BTN BTN-Primary" Data-Dismissed = "Model" & gt; Close & lt; / Button & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;
You can add the .img-responsive
class About the modal width, there are 2 additional options classes: modal-lg
and modal-sm
which you can call IMG (maximum-width: 100% and auto height) > .modal-dialog
Comments
Post a Comment