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?