title: How can I combine navbar and pagination?
body: <p>I want to go to a new tab when I click on each item of the navbar however I am using pagination (not sure if I am using it correctly) and it guides me to the expected page section but in the same page not in a new tab. How can I fix this?</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;nav class="navbar navbar-dark bg-primary navbar-fixed-top pagination pagination-sm"&gt;
      &lt;div class="nav navbar-nav"&gt;
          &lt;a class="nav-item nav-link active page-item" href="#monajalal"&gt;Mona Jalal &lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt;
          &lt;a class="nav-item nav-link page-item" href="#education"&gt;Education&lt;/a&gt;
          &lt;a class="nav-item nav-link page-item" href="#experience"&gt;Experience&lt;/a&gt;
          &lt;a class="nav-item nav-link page-item" href="#courseworks"&gt;Courseworks&lt;/a&gt;
          &lt;a class="nav-item nav-link page-item" href="#teaching"&gt;Teaching&lt;/a&gt;
          &lt;a class="nav-item nav-link page-item" href="#projects"&gt;Projects&lt;/a&gt;
          &lt;a class="navbar-brand pull-sm-right m-r-0" href="https://github.com/monajalal"&gt;&lt;i class="fa fa-github fa-lg"&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;a class="navbar-brand pull-sm-right m-r-2" href="https://twitter.com/MonaJalal_"&gt;&lt;i class="fa fa-twitter fa-lg"&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;a class="navbar-brand pull-sm-right m-r-4" href="https://www.linkedin.com/in/mona-jalal"&gt;&lt;i class="fa fa-linkedin fa-lg"&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;a class="navbar-brand pull-sm-right m-r-6" href="http://stackoverflow.com/users/2414957/mona-jalal"&gt;&lt;i class="fa fa-stack-overflow fa-lg"&gt;&lt;/i&gt;&lt;/a&gt;
  
      &lt;/div&gt;
  &lt;/nav&gt;
  &lt;/div&gt;
  </code></pre>