在Bootstrap 4 beta中,您可以将导航添加到卡片组件中。
https://getbootstrap.com/docs/4.0/components/card/#navigation
但是实际上没有工作示例说明如何在卡片中的不同选项卡之间进行切换。
例如,这对我来说并不起作用。 我已经添加了JavaScript文件。
例如,这对我来说并不起作用。 我已经添加了JavaScript文件。
<div class="card">
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs">
<li class="nav-item">
<a class="nav-link active" href="#foo">Foo</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#bar">Bar</a>
</li>
</ul>
</div>
<div class="card-body">
<div class="tab-content">
<div class="tab-pane" id="foo">FOO</div>
<div class="tab-pane" id="bar">BAR</div>
</div>
</div>
</div>
data-toggle="tab"
以启用选项卡切换。 - JuKe