Zakładki bootstrap

pytanie zadane 4 sierpnia 2017 w HTML i CSS przez PaulaPapiku Nowicjusz (200 p.)

https://kursbootstrap.pl/zakladki-nav-tabs/

Mam zrobione takie zakładki, zgodnie z kodem, zakładki są trzy, w każdej są tabele, ale jak na nie klikam to zawsze pojawiają się wszystkie tabele, tylko tak jakby działa kotwica która przenosi w miejsce tabel z danej zakładki po jej kliknięciu, a chciałabym , żeby pojawiały się tabele tylko dla danej zakładki a nie wszystkie i żeby te taby się zaznaczały bo na razie tylko pierwsza jest zaznaczona. Co mogę mieć źle?

komentarz 4 sierpnia 2017 przez imklau Nałogowiec (42,090 p.)

dodaj do pytania swój kod, to powiemy co możesz mieć źle;)

komentarz 4 sierpnia 2017 przez PaulaPapiku Nowicjusz (200 p.)

<ul class="nav nav-tabs" role="tablist">
  <li class="active"><a href="#1zakladka" role="tab" data-toggle="tab">1 zakładka</a></li>
  <li><a href="#2zakladka" role="tab" data-toggle="tab">2 zakładka</a></li>
  <li><a href="#3zakladka" role="tab" data-toggle="tab">3 zakładka</a></li>
  <li><a href="#4zakladka" role="tab" data-toggle="tab">4 zakładka</a></li>
</ul>


<div class="tab-content">
  <div class="tab-pane active" id="1zakladka">Zawartość pierwszej zakładki</div>
  <div class="tab-pane" id="2zakladka">Zawartość drugiej zakładki</div>
  <div class="tab-pane" id="3zakladka">Zawartość trzeciej zakładki</div>
  <div class="tab-pane" id="4zakladka">Zawartość czwartej zakładki</div>
</div>

komentarz 4 sierpnia 2017 przez imklau Nałogowiec (42,090 p.)

to jest kod który poprawnie działa, bo to kod z przykładu podanego w pytaniu...
a nie Twój

komentarz 4 sierpnia 2017 przez PaulaPapiku Nowicjusz (200 p.)

Ale taki dokładnie wklejam do swojego pliku, żeby zobaczyć czy działa i mi nie działa, może trzeba coś włączyć ?

komentarz 4 sierpnia 2017 przez imklau Nałogowiec (42,090 p.)

poza wklejeniem tego kodu musisz mieć podpięte .css i .js z Bootstrapa oraz jQuery

komentarz 4 sierpnia 2017 przez PaulaPapiku Nowicjusz (200 p.)

mam podpięte a kod wygląda tak :
https://jsfiddle.net/nkL27yu5/

i działa niepoprawnie bo jakby wyświetla wszystkie zawartości na raz i przenosi do odpowiedniej

komentarz 4 sierpnia 2017 przez imklau Nałogowiec (42,090 p.)

https://jsfiddle.net/nkL27yu5/1/

teraz dopiero jest wszystko podpięte ;)

komentarz 4 sierpnia 2017 przez PaulaPapiku Nowicjusz (200 p.)

A jak to zrobiłaś że działa?

komentarz 4 sierpnia 2017 przez imklau Nałogowiec (42,090 p.)

dołączyłam to, o czym Ci pisałam we wcześniejszym komentarzu;)

komentarz 4 sierpnia 2017 przez PaulaPapiku Nowicjusz (200 p.)

Ok, ale u mnie nie działa chociaż mam podłączone

        <script src="../../plugins/jQuery/jquery-2.2.3.min.js"></script>

        <script src="../../bootstrap/js/bootstrap.min.js"></script>

        <script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>

        <script src="../../plugins/fastclick/fastclick.js"></script>

        <script src="../../dist/js/app.js"></script>

        <script src="../../dist/js/adminlte.js"></script>

        mam to podłączone przed końcem znacznika body, może powinno być gdzieś wyżej ?

1 odpowiedź

odpowiedź 4 sierpnia 2017 przez imklau Nałogowiec (42,090 p.)

przed </body> jest ok ;)

a kod css z bootstrapa też masz podpięty?

edit: to miał być komentarz, a wyszło jak zawsze... :D
W takim razie wstawię jeszcze tutaj działające zakładki:

https://jsfiddle.net/nkL27yu5/1/

komentarz 4 sierpnia 2017 przez PaulaPapiku Nowicjusz (200 p.)

komentarz 4 sierpnia 2017 przez imklau Nałogowiec (42,090 p.)

tak przy okazji to rel="stylesheet" możesz usunąć, bo już nie jest wymagane ;)
Czyyyli wychodzi na to, że musisz mieć błędy w tych ścieżkach do plików.