Witam, stworzylem podstawowego navbara:
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">Barber Shop</a>
</div>
<ul class="nav navbar-nav navbar-right lista text-center">
<li class="dupa"><a href="#">Home</a></li>
<li class="dupa"><a href="#">Page 1</a></li>
<li class="dupa"><a href="#">Page 2</a></li>
<li class="dupa"><a href="#">Page 3</a></li>
</ul>
</div>
</nav>
I edytowalem go lekko w CSS:
body {
background-color: black;
}
.navbar {
height:100px;
}
.dupa {
margin-top: 20px;
font-size: 20px;
}
.navbar-brand {
margin-top:20px;
}
Jak widac nie jest co 'cienki pasek' navbaru tylko juz wiekszy 100px. I tutaj mam do was pytanie. Jakie znacie sposoby na wysrodkowanie tego tekstu? Ja skorzystalem ze slabej opcji margina, znacie jakies lepsze? Jesli tak to prosilbym o szczegolowe podzielenie sie.
btw.sam probowalem cos z flexboxami itp ale wychodzily mi cuda jakies, navbar sie zmniejszal, itp itd.