javascript - bootstrap modal stretching to full page width? -

I am implementing the model and it is spreading to full page width, unlike the display on the boot page's website.

  & lt; Div class = "modal fade" id = "contact" role = "dialog" & gt; & Lt; Div class = "modal-disalog" & gt; & Lt; Div class = "modal-content" & gt; & Lt; Div class = "modal-header" & gt; & Lt; P & gt; Contact us & lt; / P & gt; & Lt; / Div & gt; & Lt; Div class = "modal-body" & gt; & Lt; P & gt; This website has been automatically translated, please remember, when you read this. & Lt; / Div & gt; & Lt; Div class = "modal-footer" & gt; & Lt; A class = "BTN BTN-notification" data-rejected = "model" & gt; OK & lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

only one typo:

  & lt; Div class = "modal-disalog" & gt;  

should be

  & lt; Div class = "modal-dialog" & gt;  

And the correct CSS rule should be implemented.