Hello! I want to set up switching tabs in bootstrap, but tabs do not switch text - why? Code below:

<div class="tabs"> <ul class="nav nav-tabs smile-tabs"> <li class="active"><a href="#homesmile" data-toggle="tab">Π’ΠΊΠ»Π°Π΄ΠΊΠ° 1</a></li> <li><a href="#secondsmile" data-toggle="tab">Π’ΠΊΠ»Π°Π΄ΠΊΠ° 2</a></li> <li><a href="#thirdsmile" data-toggle="tab">Π’ΠΊΠ»Π°Π΄ΠΊΠ° 3</a></li> <li><a href="#fourthsmile" data-toggle="tab">Π’ΠΊΠ»Π°Π΄ΠΊΠ° 4</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="homesmile"> ВСкст 1 </div> <div class="tab-pane" id="secondsmile"> ВСкст 2 </div> <div class="tab-pane" id="thirdsmile"> ВСкст 3 </div> <div class="tab-pane" id="fourthsmile"> ВСкст 4 </div> </div> </div> 
  • perhaps, somehow incorrectly connect the bootstrap, since everything is working correctly on the markup - fiddle.jshell.net/140r8410 - Harry Kiselev
  • Thank! Because of the conflict of scripts did not work - Vasya

1 answer 1

99% that you did not connect bootstrap.js

  • one
    1% that these scripts were in conflict) - Vasya