Problem z Nav tab Bootstrap 3

Question

Witam

Mam problem z zakładkami Bootstrap 3. Problem polega na tym, że wszystko jest na jednej stronie z niewiadomych przyczyn. Chodzi mi o to co jest na tej podstronie: http://vsams-ts.cba.pl/zestaw1.php Klikając na zakładkę "Naczepa" pojawia się to co na pierwszej zakładce. Chciałem posortować jedynie te dane to znaczy osobno zakładka "Ciężarówka" oraz "Naczepa". Wszystko było robione według poradnika i naprawdę nie wiem na czym może polegać błąd. Pozdrawiam :)

    <!-- Header -->
    <center><header>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="intro-text">
<!-- Zakładki -->
<ul class="nav nav-tabs" role="tablist">
  <li class="active"><a href="#1zakladka" role="tab" data-toggle="tab">Ciężarówka</a></li>
  <li><a href="#2zakladka" role="tab" data-toggle="tab">Naczepa</a></li>
</ul>

</ul>

<!-- Zawartość zakładek -->
<div class="tab-content">
  <div class="tab-pane active" id="1zakladka">
                        <h2>Informacje</h2>
						<br /><p class="lowercase">Marka: <b>MAN</p></b>
						<br /><p class="lowercase">Model: <b>TGX</p></b>
						<br /><p class="lowercase">Kabina: <b>XLX</p></b>
						<br /><p class="lowercase">Pojemność oraz moc silnika: <b>18.480</p></b> 
						<br /><p class="lowercase">Podwozie: <b>4x2</p></b>
						<br /><p class="lowercase">Skrzynia biegów: <b>MAN TipMatic 12speed R</p></b>
						<br /><p class="lowercase">Numer rejestracji: <b>WGM 5EW7</p></b>
						<br /><p class="lowercase">Rok produkcji: <b>2014</p></b>
						<br /><p class="lowercase">Naczepa: <b>Krone Coil Liner</p></b>
						<br /><p class="lowercase">Kierowca: <b>Damian</p></b>	
						</div>
					    <a class="btn btn-default" href="../tabor.php">
						Powrót do listy taboru
						</a>
						</div>
					</div>
				</div>
  <div class="tab-pane" id="2zakladka"></div>
                        <h2>Informacje</h2>
                        <br /><p class="lowercase">Marka: <b>Krone</p></b>
  						<br /><p class="lowercase">Model: <b>SPD 27 Coil Liner</p></b>
						<br /><p class="lowercase">Typ naczepy: <b>Firnaka</p></b>
						<br /><p class="lowercase">Liczba Osi: <b>3</p></b>
					    <br /><p class="lowercase">Osie: <b>SAF</p></b>
						<br /><p class="lowercase">Ładowność: <b>27 000 kg</p></b>
						<br /><p class="lowercase">Numery rejestracyjne: <b>PO 8295A</p></b>
						<br /><p class="lowercase">Rok produckji: <b>2014</p></b>
						</div>
						<div>
					    <a class="btn btn-default" href="../tabor.php">
						Powrót do listy taboru
						</a>
						</div>
</div>			
                    </div>
                </div>
            </div>
        </div>
    </header></center>

 

Comments

Tag center jest zdeprecjonowany także, więc nie powinno się go używać.

http://www.kurshtml.edu.pl/html/wysrodkowanie,tekst.html

http://stackoverflow.com/questions/1798817/why-is-the-center-tag-deprecated-in-html

To co ty zaprezentowałeż z endline (<br />) jest po prostu nieodpowiednie conajmniej. Tak się strony nie tworzy łamiąc na siłę ciągle linię. Znacznik <p> automatycznie ci linię łamie, nie potrzebujesz żadnych <br />.

---

Usunąłem z kodu to co nie potrzebne więc powinno to lepiej wyglądać na stronie

---

Niestety błąd dalej nie został rozwiązany!