Boostrap导航栏跳转到其他页面或外部链接

要在 Bootstrap 导航栏中添加链接，你需要使用链接标签 `<a>`。在链接标签中，你可以使用 `href` 属性来指定链接的目标，这可以是你网站的其他页面或外部链接。

例如，要在导航栏中添加一个指向你网站的“联系我们”页面的链接，你可以使用以下代码：

<ul class="navbar-nav">
  <li class="nav-item">
    <a class="nav-link" href="/contact">联系我们</a>
  </li>
</ul>

在这个例子中，`href` 属性指向你网站的 `/contact` 页面，当用户点击这个链接时，他们将被带到你网站的“联系我们”页面。

如果你想要添加一个指向外部网站的链接，你可以在 `href` 属性中包含完整的网址。例如：

<ul class="navbar-nav">
  <li class="nav-item">
    <a class="nav-link" href="https://www.google.com">Google</a>
  </li>
</ul>

在这个例子中，`href` 属性指向 Google 的网址，当用户点击这个链接时，他们将被带到 Google 的网站。

相关问题

bootstrap页面局部跳转

要在Bootstrap页面中实现局部跳转，可以使用锚点链接（Anchor Links）。具体步骤如下：

1. 在页面中需要跳转到的部分添加一个id属性，例如：

<div id="section1">
  <h2>Section 1</h2>
  <p>This is the content of section 1.</p>
</div>

2. 在跳转链接中设置href属性为#加上需要跳转到的部分的id，例如：

<a href="#section1">Go to Section 1</a>

3. 点击跳转链接即可实现局部跳转到相应的部分。

注意：如果页面中有固定的导航栏或菜单栏，需要将其设置为position: fixed，否则跳转后可能会被导航栏或菜单栏挡住。

bootstrap-treeview节点的超链接怎么跳转到在bootstrap分栏页面

要在 Bootstrap Treeview 中实现节点的超链接跳转，可以在节点对象中添加 `href` 属性来指定跳转的链接，然后在 JavaScript 中监听 `nodeSelected` 事件，在回调函数中使用 `window.location.href` 将页面跳转到指定链接。

在使用 Bootstrap 分栏的页面中，只需要将要跳转的页面的链接放在右侧分栏中即可。

下面是一个示例代码：

<div class="container">
  <div class="row">
    <div class="col-md-4">
      <div id="treeview"></div>
    </div>
    <div class="col-md-8">
      <iframe id="contentFrame" src=""></iframe>
    </div>
  </div>
</div>

<script>
  $(function() {
    var data = [
      {
        text: 'Parent 1',
        nodes: [
          {
            text: 'Child 1',
            href: 'child1.html'
          },
          {
            text: 'Child 2',
            href: 'child2.html'
          }
        ]
      },
      {
        text: 'Parent 2',
        href: 'parent2.html'
      },
      {
        text: 'Parent 3',
        href: 'parent3.html'
      }
    ];
    
    $('#treeview').treeview({
      data: data,
      onNodeSelected: function(event, data) {
        if (data.href) {
          $('#contentFrame').attr('src', data.href);
        }
      }
    });
  });
</script>

在这个示例中，我们给节点对象添加了 `href` 属性来指定跳转的链接，然后在 Treeview 插件的初始化选项中监听 `nodeSelected` 事件，在回调函数中将右侧分栏中的 `iframe` 元素的 `src` 属性设置为跳转的链接。

注意，为了防止跨域问题，右侧分栏中的页面应该与左侧的页面在同一个域名下。