如何从侧边栏链接导航到同一页面上的新bootstap4选项卡？

要从侧边栏链接导航到同一页面上的新Bootstrap 4选项卡，可以按照以下步骤进行操作：

首先，在HTML文件中创建一个侧边栏导航菜单，可以使用<ul>和<li>标签来创建菜单项。每个菜单项都应该有一个链接，指向相应的选项卡。
在页面的主体部分，创建一个包含选项卡内容的容器。可以使用<div>标签，并为其添加一个唯一的ID，以便在导航菜单中进行链接。
在容器内部，创建选项卡的导航标签。可以使用<ul>和<li>标签来创建导航标签项。每个标签项都应该有一个链接，指向相应的选项卡内容。
在容器内部，创建选项卡的内容。可以使用<div>标签，并为其添加一个唯一的ID，以便在导航标签中进行链接。
使用Bootstrap 4的CSS和JavaScript库，将导航菜单和选项卡样式化和交互化。可以在页面中引入Bootstrap的CSS和JavaScript文件，或者使用CDN链接。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>Bootstrap 4选项卡导航</title>
  <!-- 引入Bootstrap的CSS文件 -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/css/bootstrap.min.css">
</head>
<body>
  <div class="container">
    <div class="row">
      <div class="col-md-3">
        <!-- 侧边栏导航菜单 -->
        <ul class="nav flex-column">
          <li class="nav-item">
            <a class="nav-link" href="#tab1">选项卡1</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#tab2">选项卡2</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#tab3">选项卡3</a>
          </li>
        </ul>
      </div>
      <div class="col-md-9">
        <!-- 选项卡容器 -->
        <div class="tab-content">
          <!-- 选项卡1内容 -->
          <div id="tab1" class="tab-pane fade">
            <h3>选项卡1内容</h3>
            <p>这是选项卡1的内容。</p>
          </div>
          <!-- 选项卡2内容 -->
          <div id="tab2" class="tab-pane fade">
            <h3>选项卡2内容</h3>
            <p>这是选项卡2的内容。</p>
          </div>
          <!-- 选项卡3内容 -->
          <div id="tab3" class="tab-pane fade">
            <h3>选项卡3内容</h3>
            <p>这是选项卡3的内容。</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 引入Bootstrap的JavaScript文件 -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.min.js"></script>
</body>
</html>

在上述示例代码中，侧边栏导航菜单使用了Bootstrap的nav和flex-column类，选项卡容器使用了Bootstrap的tab-content类。每个选项卡内容使用了唯一的ID，并在导航菜单和选项卡标签中进行链接。

请注意，这只是一个简单的示例，你可以根据自己的需求进行定制和扩展。关于Bootstrap 4选项卡的更多信息和用法，你可以参考腾讯云的相关文档：Bootstrap 4选项卡。