title: How to place footer at the bottom?
body: <p>How to place a footer at the bottom of the page?</p>
  <p>When using a class <code>fixed-bottom</code>, the footer covers the content when scrolling page.</p>
  <pre><code>&lt;div class=&quot;sticky-top&quot;&gt;
      &lt;qipr-header&gt;&lt;/qipr-header&gt;
      &lt;qipr-sidenav&gt;&lt;/qipr-sidenav&gt;
  &lt;/div&gt;
  &lt;section class=&quot;container-fluid&quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;content offset-md-3 offset-lg-2 col-md-9 col-lg-10 mb-4 mt-2&quot;&gt;
              &lt;router-outlet&gt;&lt;/router-outlet&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  &lt;div class=&quot;fixed-bottom&quot;&gt;
      &lt;qipr-footer&gt;&lt;/qipr-footer&gt;
  &lt;/div&gt;
  </code></pre>