是否可以从不同的页面添加到bootstrap 4 nav-pill选项卡面板的链接？

是的，可以从不同的页面添加到Bootstrap 4 nav-pill选项卡面板的链接。在Bootstrap 4中，可以使用导航标签（nav-tabs）和面板（tab-content）来创建选项卡。要在不同的页面之间共享选项卡链接，可以使用URL参数或会话存储来传递选项卡的状态。

以下是一种实现方法：

在每个页面的导航栏中添加选项卡链接。可以使用<a>标签来创建链接，并为每个链接指定唯一的ID。例如：

<ul class="nav nav-pills">
  <li class="nav-item">
    <a class="nav-link" href="page1.html#tab1">Tab 1</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="page2.html#tab2">Tab 2</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="page3.html#tab3">Tab 3</a>
  </li>
</ul>

在每个页面的选项卡面板中添加对应的内容。使用<div>标签和唯一的ID来创建面板。确保每个面板的ID与链接中的锚点（#）部分相匹配。例如：

<div class="tab-content">
  <div class="tab-pane" id="tab1">
    <h3>Tab 1 Content</h3>
    <p>This is the content of Tab 1.</p>
  </div>
  <div class="tab-pane" id="tab2">
    <h3>Tab 2 Content</h3>
    <p>This is the content of Tab 2.</p>
  </div>
  <div class="tab-pane" id="tab3">
    <h3>Tab 3 Content</h3>
    <p>This is the content of Tab 3.</p>
  </div>
</div>

当用户点击导航栏中的链接时，页面会跳转到相应的选项卡面板。可以使用JavaScript来处理链接的点击事件，并滚动到对应的面板。例如：

$(document).ready(function() {
  // 处理链接的点击事件
  $('a.nav-link').click(function(e) {
    e.preventDefault(); // 阻止默认的链接跳转行为
    var target = $(this).attr('href'); // 获取目标面板的ID
    $('html, body').animate({
      scrollTop: $(target).offset().top // 滚动到目标面板
    }, 500);
  });
});

通过以上步骤，您可以在不同的页面之间共享选项卡链接，并实现点击链接时跳转到相应的选项卡面板。

对于腾讯云相关产品和产品介绍链接地址，由于不能提及具体品牌商，建议您访问腾讯云官方网站，查找与云计算相关的产品和服务。