0
J'ai un problème avec les pilules bootstarap. Je veux ajouter la classe active à nav dans la fonction mais ne l'obtiens pas.Comment ajouter une classe active aux onglets bootstrap
Voici le code de fonction:
var tabsFn = (function() {
function init() {
setHeight();
}
function setHeight() {
var $tabPane = $('.tab-pane'),
tabsHeight = $('.nav-tabs').height();
$tabPane.css({
height: tabsHeight
});
}
$(init);
})();
et le code HTML:
<div class="container">
<div class="row ">
<div class="col-md-12">
<div class="tabs-left">
<ul class="nav nav-tabs col-md-4">
<li><a href="#a" data-toggle="tab"><span>First</span></a></li>
<li><a href="#b" data-toggle="tab"><span>Second</span></a></li>
</ul>
<div class="tab-content col-md-8">
<div class="tab-pane active" id="a">
<div class="col-md-12">first</div>
</div>
<div class="tab-pane" id="b">
<div class="col-md-12">second</div>
</div>
</div>
</div>
</div>
</div>
</div>
Pouvez-vous me aider à écrire la fonction droite?
Il fonctionne, mais Im en utilisant boostrap 4.0 et quand je change à vos liens code est en ruine: D Toute façon d'écrire js pour cela? – Damian