如何结合导航栏和分页？

Question

我想在单击导航栏的每个项目时转到一个新选项卡，但是我正在使用分页（不确定我是否正确使用它）并且它引导我到预期的页面部分但在同一个页面不在新选项卡中。我该如何解决这个问题？

<div class="container">
<nav class="navbar navbar-dark bg-primary navbar-fixed-top pagination pagination-sm">
    <div class="nav navbar-nav">
        <a class="nav-item nav-link active page-item" href="#monajalal">Mona Jalal <span class="sr-only">(current)</span></a>
        <a class="nav-item nav-link page-item" href="#education">Education</a>
        <a class="nav-item nav-link page-item" href="#experience">Experience</a>
        <a class="nav-item nav-link page-item" href="#courseworks">Courseworks</a>
        <a class="nav-item nav-link page-item" href="#teaching">Teaching</a>
        <a class="nav-item nav-link page-item" href="#projects">Projects</a>
        <a class="navbar-brand pull-sm-right m-r-0" href="https://github.com/monajalal"><i class="fa fa-github fa-lg"></i></a>
        <a class="navbar-brand pull-sm-right m-r-2" href="https://twitter.com/MonaJalal_"><i class="fa fa-twitter fa-lg"></i></a>
        <a class="navbar-brand pull-sm-right m-r-4" href="https://www.linkedin.com/in/mona-jalal"><i class="fa fa-linkedin fa-lg"></i></a>
        <a class="navbar-brand pull-sm-right m-r-6" href="http://whosebug.com/users/2414957/mona-jalal"><i class="fa fa-stack-overflow fa-lg"></i></a>

    </div>
</nav>
</div>

Answer 1

添加 target="_blank" 可能会有帮助，例如：

<a class="nav-item nav-link page-item" href="#education" target="_blank">Education</a>

如何结合导航栏和分页？

How can I combine navbar and pagination?

css

pagination

navbar

twitter-bootstrap