title: Use Bootstrap buttons to scroll to different areas
body: <p>I've got 2 bootstrap buttons I need to be able to scroll down the page. One goes to one section, and the other goes to a section further down the page. What do I need to add to my <code>&lt;button&gt;</code> elements? </p>
  
  <pre><code>&lt;ul&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-md-4"&gt;
        &lt;li&gt;&lt;button class="btn btn-block" style="margin-top: 5px;"&gt;Section1&lt;/button&gt;&lt;/li&gt;
      &lt;/div&gt;
      &lt;div class="col-md-4"&gt;
        &lt;li&gt;&lt;button class="btn btn-block" style="margin-top: 5px;"&gt;Section2&lt;/button&gt;&lt;/li&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I don't know Javascript at all, and I have minimal experience with jQuery.</p>