我们如何在不同的选项卡中使用相同的视图，同时在该选项卡中更改不同的视图？答案

【问题标题】：How can we use same view in different tabs and at the same time different views change in that tab?我们如何在不同的选项卡中使用相同的视图，同时在该选项卡中更改不同的视图？
【发布时间】：2018-05-10 15:15:44
【问题描述】：

我在同一页面上使用不同的选项卡。我希望当我切换选项卡时，我想要替换的视图将被替换，并且想要在其他选项卡中显示相同的视图将保持不变

【问题讨论】：

可以分享一下代码吗？
请分享您的代码

标签： html css bootstrap-4

【解决方案1】：

您需要为此目的使用 Bootstrap 选项卡窗格如果您想根据单击的选项卡替换视图

这是代码

//这些将是您的选项卡，单击这些选项卡将打开在其 href

中给出的 ID 的 div

<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#home">Home</a></li>
<li><a data-toggle="tab" href="#about">About</a></li>     
</ul>

//这些将是您的标签内容，基本上是上面所有按钮/标签的标签内容

<div class="tab-content">

// 主页的标签内容

<div id="home" class="tab-pane fade in active">
      <h3>HOME</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>

// about 的标签内容

<div id="about" class="tab-pane fade">
      <h3>Menu 1</h3>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>

  </div>

希望对你有帮助

【讨论】：