Bootstrap 4 -> jak rozciągnąć navbar na szerokość kontenera?

0

Dzień dobry.

Mam taki problem: mam na swojej stronie .navbar i jego zawartość jest w zwykłym .container. Chciałbym rozciągnąć całą nawigację + navbar-brand na szerokość całego kontenera. Probowałem m-0 w-100 etc. ale nie działa. Jak tego dokonać?

	<nav class="navbar navbar-expand-md bg-dark navbar-dark">
		<div class="container">
			<div class="navbar-nav">
				<a href="#" class="navbar-brand">Adres</a>
				<a href="#" class="nav-link nav-item">Link 1</a>
				<a href="#" class="nav-link nav-item">Link 2</a>
				<a href="#" class="nav-link nav-item">Link 3</a>
				<a href="#" class="nav-link nav-item">Link 4</a>
			</div>
		</div>
	</nav>

Dzięki
M.

PS.
Oczywiście chciałbym aby po rozciągnięciu na szerokość kontenera, elementy navbar równo się rozmieściły.

0

Już sobie poradziłem (z pomocą Stacka): https://stackoverflow.com/questions/14309729/how-to-make-navbar-full-width

Wytłumaczę rozwiązanie:
dodałem plik css:

.navbar-nav {
	width: 100%;
}

.navbar-nav a {
	width: 100%;
}

Dzięki!

3

Od tego chyba był container-fluid zamiast zwykłego.

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