title: How to move to down of the page using button in bootstrap
body: <p>I am trying to add button on top of the page and one form at the bottom when I click on the button it should go down at the form location on same page. I am don't know how I can do that.</p>
  
  <p>here is my code for button</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;div class="col-xs-12 col-sm-2"&gt;
                       &lt;p style="padding:40px;"&gt;&lt;/p&gt;
                  &lt;button class="btn btn-block btn-warning"&gt;Reserve Table&lt;/button&gt;
                  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here is my code of form</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="col-xs-6 col-sm-3"&gt;
                  &lt;div class="form-vertical" role="form"&gt;
                        &lt;p style="padding:10px;"&gt;&lt;/p&gt;
                      &lt;h3&gt;Table Reservation&lt;/h3&gt;
               &lt;/div&gt;
          &lt;/div&gt;
            &lt;div class="col-xs-6 col-sm-9"&gt;
                  &lt;div class="form-horizontal" role="form"&gt;
                        &lt;div class="form-group"&gt;
                  &lt;label for="Number" class="col-sm-2 control-label"&gt;Number of people&lt;/label&gt;  
                     &lt;label class="radio-inline"&gt;
                         &lt;input type="radio" name="optradio"&gt;1
                      &lt;/label&gt;
                      &lt;label class="radio-inline"&gt;
                          &lt;input type="radio" name="optradio"&gt;2
                      &lt;/label&gt;
                  &lt;label class="radio-inline"&gt;
                      &lt;input type="radio" name="optradio"&gt;3
                  &lt;/label&gt;
                             &lt;label class="radio-inline"&gt;
                      &lt;input type="radio" name="optradio"&gt;4
                  &lt;/label&gt;
                             &lt;label class="radio-inline"&gt;
                      &lt;input type="radio" name="optradio"&gt;5
                  &lt;/label&gt;
                             &lt;label class="radio-inline"&gt;
                      &lt;input type="radio" name="optradio"&gt;6
                  &lt;/label&gt;
                      &lt;/div&gt;
                  &lt;div class="form-group has-feedback"&gt;
                   &lt;label for="Date-time" class="col-sm-2 control-label"&gt;Date &amp;amp; Time&lt;/label&gt;  
                      &lt;div class="col-sm-3"&gt;
            
                  &lt;input type="text" class="form-control pull-left" name="Date-time" placeholder="date"&gt;
                            &lt;i class="glyphicon glyphicon-calendar form-control-feedback"&gt;&lt;/i&gt;
                          &lt;/div&gt;
                          
                       &lt;div class="form-group  has-feedback"&gt;
                   
                                &lt;div class="col-sm-3"&gt;
                  &lt;input type="text" class="form-control"  placeholder="time"&gt;
                            &lt;i class="glyphicon glyphicon-time form-control-feedback"&gt;&lt;/i&gt;
                          &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;div class="alert alert-warning alert-dismissible" role="alert"&gt;
    &lt;button type="button" class="close" data-dismiss="alert" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;
    Please &lt;strong &gt;&lt;a href="tel:81343444" style="color:black"&gt;call&lt;/a&gt;&lt;/strong&gt; for bookinng of more than 6 people.
  &lt;/div&gt;
                      &lt;/div&gt;
               &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>please tell me how to do this??</p>