Bootstrap - Problem z nawigacją

pytanie zadane 15 października 2018 w HTML i CSS przez Programista 22 Bywalec (2,270 p.)
edycja 15 października 2018 przez Programista 22

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
	<link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="style.css">
    <link href="https://fonts.googleapis.com/css?family=Lato:400,700&amp;subset=latin-ext" rel="stylesheet">
     <style>

.topNav
{
    background-color: #494;
    font-size: 18px;
    width: 100%;
}
     </style>
    </head>
<body>
	<nav class="navbar d-inline-block topNav">
	<ul>
		<li><a href="index.php">Strona Główna</a></li>
		<li><a href="#" id="link2">Najnowsze wpisy</a></li>
		<li><a href="o-mnie.html"">O Mnie</a></li>
		<li><a href="#">Kontakt</a></li>
	</ul>
</nav>
<script src="jquery-3-3-1.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="js/bootstrap.min.js"></script>

</body>
</html>

Dzień Dobry,

Mam problem z nawigacją. Kiedy dodaję klasę .navbar, to mi dodaję padding z dołu i z góry. Czy można to jakoś usunąć?

2 odpowiedzi

odpowiedź 15 października 2018 przez vasquez Początkujący (480 p.)

odpowiedź 15 października 2018 przez pablop76 VIP (123,120 p.)

.navbar ma ustawiony padding: .5rem 1rem; Jeżeli go ustawisz na 0 to go nie będzie. Popraw cudzysłów w "o-mnie.html""

komentarz 15 października 2018 przez Programista 22 Bywalec (2,270 p.)

A mam to edytować w bootstrap.min.css i w bootstrap.css?

komentarz 15 października 2018 przez pablop76 VIP (123,120 p.)

Jeżeli Twoja wiedza jest na takim poziomie jak wnioskuję z pytania to zrób to w swoim pliku style.css

.min.css to zminifikowany .css więc należy zmieniać w .css i dopiero przed wrzuceniem na serwer docelowy zminifikować pliki, bo po co robić to za każdym razem gdy coś zmieniasz. Lub na produkcji korzystasz z rozwiązań, narzędzi, które automatycznie robią to za Ciebie np. gulp