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>

Follow me!