切换标题实现不同的选项卡
#基于上一遍文章,利用radio实现简单的切换,显示不同内容,今天做项目,想拿来用用,无意发现更简单的操作
在这个网站发现的哈哈~
https://www.runoob.com/try/bootstrap/layoutit/#
引入bootstrap的架包,就可以使用
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<div class="tabbable" id="tabs-734626">
<ul class="nav nav-tabs">
<li>
<a href="#panel-608051" data-toggle="tab">Section 1</a>
</li>
<li class="active">
<a href="#panel-499617" data-toggle="tab">Section 2</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane" id="panel-608051">
<p>
I'm in Section 1.
</p>
</div>
<div class="tab-pane active" id="panel-499617">
<p>
Howdy, I'm in Section 2.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
效果展示: