Bootstrap タブ

• タブ１
• タブ２
• タブ３
• タブ４

<!–HTML]–>
<ul class="nav nav-tabs nav-justified js-Tab">
　　<li class="active"><a href="#tab1">タブ１</a></li>
　　<li><a href="#tab2" data-toggle="tab">タブ２</a></li>
　　<li><a href="#tab3" data-toggle="tab">タブ３</a></li>
　　<li><a href="#tab4" data-toggle="tab">タブ４</a></li>
</ul>
<div class="tab-content m-bottom" style="background: #FFF; padding: 1.5em 1em;">
　　<div class="tab-pane active" id="tab1">
　　　　タブ１の内容
　　　　タブ１の内容
　　　　タブ１の内容
　　</div>
　　<div class="tab-pane" id="tab2">
　　　　タブ２の内容
　　　　タブ２の内容
　　　　タブ２の内容
　　</div>
　　<div class="tab-pane" id="tab3">
　　　　タブ３の内容
　　　　タブ３の内容
　　　　タブ３の内容
　　</div>
　　<div class="tab-pane" id="tab4">
　　　　タブ４の内容
　　　　タブ４の内容
　　　　タブ４の内容
　　</div>
</div>
<!–JS–>
<script>
　　$(function() {
　　　　$('.js-Tab a').click(function(e) {
　　　　　　e.preventDefault()
　　　　　　$(this).tab('show')
　　　　})
　　});
</script>