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>
    
            &lt;div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
                &lt;div class="modal-dialog"&gt;
                    &lt;div class="modal-content"&gt;
                        &lt;div class="modal-header"&gt;
                            &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
                            &lt;h4 class="modal-title" id="myModalLabel"&gt;Форма заявки&lt;/h4&gt;
                        &lt;/div&gt;
                        &lt;div class="modal-body"&gt;
                            &lt;ul align="center" style="list-style-type: none"&gt;
                            &lt;label&gt;Имя&lt;/label&gt;
                          &lt;li&gt; &lt;input type="text" name="name" id="name1" placeholder="Введите своё имя"&gt;&lt;li&gt;
                                &lt;li&gt; &lt;label&gt;Номер телефона&lt;/label&gt;&lt;li&gt;
                                &lt;li&gt;   &lt;input type="text" name="number_phone" id= "number_phone1" placeholder="Введите свой телефон"&gt;&lt;li&gt;
                                &lt;li&gt; &lt;label&gt;Емели&lt;/label&gt;&lt;li&gt;
                                &lt;li&gt;  &lt;input type="email" name="email" id="email1" placeholder="Введите свою почту"&gt;&lt;li&gt;
                            &lt;/ul&gt;
    
                        &lt;/div&gt;
                        &lt;div class="modal-footer"&gt;
                            &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Закрыть&lt;/button&gt;
                            &lt;button type="button" class="btn btn-primary"&gt;Подтвердить&lt;/button&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
    



  • <!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>
    
    &lt;!-- Bootstrap --&gt;
    
    &lt;link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet"&gt;
    
    &lt;!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --&gt;
    &lt;!-- WARNING: Respond.js doesn't work if you view the pag"https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"&gt;&lt;/script&gt;
    &lt;![endif]--&gt;
    

    </head>
    <body>
    <p align="right"> <button class="btn btn-success " data-toggle="modal" data-target="#myModal" >
    Заказать звонок
    </button>
    </p>

            &lt;div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
                &lt;div class="modal-dialog"&gt;
                    &lt;div class="modal-content"&gt;
                        &lt;div class="modal-header"&gt;
                            &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
                            &lt;h4 class="modal-title" id="myModalLabel"&gt;Форма заявки&lt;/h4&gt;
                        &lt;/div&gt;
                        &lt;div class="modal-body"&gt;
                            &lt;ul align="center" style="list-style-type: none"&gt;
                            &lt;label&gt;Имя&lt;/label&gt;
                          &lt;li&gt; &lt;input type="text" name="name" id="name1" placeholder="Введите своё имя"&gt;&lt;li&gt;
                                &lt;li&gt; &lt;label&gt;Номер телефона&lt;/label&gt;&lt;li&gt;
                                &lt;li&gt;   &lt;input type="text" name="number_phone" id= "number_phone1" placeholder="Введите свой телефон"&gt;&lt;li&gt;
                                &lt;li&gt; &lt;label&gt;Емели&lt;/label&gt;&lt;li&gt;
                                &lt;li&gt;  &lt;input type="email" name="email" id="email1" placeholder="Введите свою почту"&gt;&lt;li&gt;
                            &lt;/ul&gt;
    
                        &lt;/div&gt;
                        &lt;div class="modal-footer"&gt;
                            &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Закрыть&lt;/button&gt;
                            &lt;button type="button" class="btn btn-primary"&gt;Подтвердить&lt;/button&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
    

    <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.




Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2