nav nav-tabs niewidoczny panel

0

WItam, zaczynam swoja przygodę z webmasteringiem także moje pytanie może być proste ale mam problem z utworzeniem panelu z zakładkami. Używam w swoim poleceniu

<!DOCTYPE html>
<html>
<html lang="pl-PL">
	<head>
		<meta charset="UTF-8">
		<title>moja firma moja firma</title>
		<meta http-equiv="X-UA Compatible", content="IE=edge,chrome=1"/>
		<link rel="stylesheet" href="css/main.css" type="text/css">
		<link href="https://fonts.googleapis.com/css?family=Rajdhani&subset=latin-ext" rel="stylesheet">      
	</head>
	<body>
<div id="container">
	<div id="logo">
		NAZWA FIRMY 
		<p style="font-size: 18px">moja firma</p>
	</div>
	<div id="topbar">
		<ul class="nav nav-tabs nav-justified" role="tablist">
			<li class="active"><a href="#1kartajust" role="tab" data-toggle="tab">Zakladka1</a></li>
			<li><a href="#2kartajust" role="tab" data-toggle="tab">Zakladka2</a></li>
			<li><a href="#3kartajust" role="tab" data-toggle="tab">Zakladka3</a></li>
			<li><a href="#4kartajust" role="tab" data-toggle="tab">Zakladka4</a></li>
			<li><a href="#5kartajust" role="tab" data-toggle="tab">Zakladka5</a></li>
		</ul>
        <div style="clear:both;"></div>
        </div>
	<script src="jquery-3.3.1.min.js"></script>
</body>
</html>

Oczywiście pokazałem tylko tą część kodu, która dotyczy zakładek. Instrukcja, która jest w ul class czyli nav nav-tabs nav-justified wyśrodkowuje mi zakladki. Dokładnie nie wiem ale wydaje mi się że potrzebuję skryptu js w moim htmlu zeby to poszło. Jak widać dodałem odniesienie do biblioteki jQuery na końcu w body jednak nic to nie daje (ściągnałęm sobie pliki js ze strony http://jquery.com/download/ do mojego folderu gdzie mam moją stronę).
Stronka działa (pokazują się poprawnie zakladki) jedynie jak w sekcji head umieszczę:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

Chciałbym wiedzieć czy takie zakładki j.w. mogę stworzyć tylko przez bootstrapa jak w tym przykładzie czy używając używając js też?
W tym przypadku zarzucił mi się automatycznie stylesheet z bootstrapa, który usuwa moj styl css do którego się odnoszę. Czy moge edytowac jakoś ten styl boostrapa?

1

Instrukcja, która jest w ul class czyli nav nav-tabs nav-justified wyśrodkowuje mi zakladki.

Nie instrukcja, tylko wartość atrybutu class – tutaj: trzy nazwy klas.

Dokładnie nie wiem ale wydaje mi się że potrzebuję skryptu js w moim htmlu zeby to poszło. Jak widać dodałem odniesienie do biblioteki jQuery na końcu w body jednak nic to nie daje (ściągnałęm sobie pliki js ze strony http://jquery.com/download/ do mojego folderu gdzie mam moją stronę).

Ale co poszło – wyśrodkowanie? Można je zrobić na kilka sposobów w samym CSS (bez Javascriptu i frameworków).

Jak widać dodałem odniesienie do biblioteki jQuery na końcu w body jednak nic to nie daje (ściągnałęm sobie pliki js ze strony http://jquery.com/download/ do mojego folderu gdzie mam moją stronę).

Potrzebujesz jakiegoś kodu Javascript, by załączanie biblioteki jQuery coś dało. Tak to nie ma sensu. Jeśli masz taki kod, pokaż go.

Stronka działa (pokazują się poprawnie zakladki) jedynie jak w sekcji head umieszczę: (...)

Nie znam się na Bootstrapie, ale jeśli z niego korzystasz (=chcesz korzystać), to prawdopodobnie te linijki są niezbędne.

Chciałbym wiedzieć czy takie zakładki j.w. mogę stworzyć tylko przez bootstrapa jak w tym przykładzie czy używając używając js też?

Takie zakładki, czyli jakie?

Co do samego Bootstrapa, to może ktoś będzie wiedzieć więcej.

1 użytkowników online, w tym zalogowanych: 0, gości: 1