Unknown retreat
-
I'm doing a website on bootstrap. Created a fashion window. When the fashion window is opened, it's okay. When the right is closed, there's a clear backing of padding-right. When opening and closing, the reversal of this derogation shall be increased and may increase to infinity.
<p align="right"> <button class="btn btn-success " data-toggle="modal" data-target="#myModal" > Заказать звонок </button> </p><div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title" id="myModalLabel">Форма заявки</h4> </div> <div class="modal-body"> <ul align="center" style="list-style-type: none"> <label>Имя</label> <li> <input type="text" name="name" id="name1" placeholder="Введите своё имя"><li> <li> <label>Номер телефона</label><li> <li> <input type="text" name="number_phone" id= "number_phone1" placeholder="Введите свой телефон"><li> <li> <label>Емели</label><li> <li> <input type="email" name="email" id="email1" placeholder="Введите свою почту"><li> </ul> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button> <button type="button" class="btn btn-primary">Подтвердить</button> </div> </div> </div> </div>
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Bootstrap 101 Template</title><!-- Bootstrap --> <link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the pag"https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--></head>
<body>
<p align="right"> <button class="btn btn-success " data-toggle="modal" data-target="#myModal" >
Заказать звонок
</button>
</p><div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title" id="myModalLabel">Форма заявки</h4> </div> <div class="modal-body"> <ul align="center" style="list-style-type: none"> <label>Имя</label> <li> <input type="text" name="name" id="name1" placeholder="Введите своё имя"><li> <li> <label>Номер телефона</label><li> <li> <input type="text" name="number_phone" id= "number_phone1" placeholder="Введите свой телефон"><li> <li> <label>Емели</label><li> <li> <input type="email" name="email" id="email1" placeholder="Введите свою почту"><li> </ul> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button> <button type="button" class="btn btn-primary">Подтвердить</button> </div> </div> </div> </div><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>
</body>
</html>It's all right.
