How to make bootstrap modal window responsive?

Question

css

There is a modal window, I wanted to make it adaptive for mobile devices. I tried to make a copy and push it into row col-xs-12, and redraw it, it doesn't work. Rewrote classes. As soon as I set new width and height parameters in CSS, it refuses to be shown in mobile devices. Hike in row it can not be crammed. How to do it?
I did it, with the screen size xs I made another (same in appearance) button, and from it I made a call to a new form.

Answer 1

instead of setting the .modal-dialog itself in media width: 100%; and remove the margin?