Я хочу создать настраиваемую вкладку в Bootstrap 3.
Что я сделал -
<ul class="nav nav-tabs" id="myTab">
<script type="text/javascript">
$(document).ready(function() {
//1st (1-1 = 0) tab selected initialy
$("#myTab li:eq(0) a").tab('show');
});
</script>
<li><a data-toggle="tab" href="#sectionA">SEARCH</a></li>
<li><a data-toggle="tab" href="#sectionB">ADVANCED</a></li>
</ul>
<div class="tab-content">
<div id="sectionA" class="tab-pane fade in active">
Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel,
butcher voluptate nisi qui.
</div>
<div id="sectionB" class="tab-pane fade">
Vestibulum nec erat eu nulla rhoncus fringilla ut non neque. Vivamus nibh urna.
</div>
</div>
И я получаю такую вкладку -
Но я хочу, чтобы он был настроен по цвету. Я новичок в Bootstrap 3, поэтому я не знаю, как это сделать.
Я хочу что-то вроде этого -
.
Кто-нибудь может мне помочь?
Заранее благодарим за помощь.