Bootstrap 使用小点总结

Bootstrap 使用小点总结

一、标签页 使用

示例：
<div >
	 <a href="#home1"  data-toggle="pill">Home_1</a>
	 <a href="#home2"  data-toggle="pill">Home_2</a>
</div>

<div class="tab-content">
  <div role="tabpanel" class="tab-pane" id="home1">Home_1</div>
    <div role="tabpanel" class="tab-pane" id="home2">Home_2</div>
</div>


实现过程：
	首先通过  [href="#id"]和[data-toggle="pill"] 来定义一个需要去调用标签页的元素。
	其次：被调用的需要一个大 [tab-content]里包含小 [class="tab-pane active"] [id="home"]来实现。
  最后，使用 [active] 类来实现默认标签页
posted @ 2019-06-06 00:05  代码创造一切  阅读(222)  评论(0)  编辑  收藏  举报