bootstrap - container fluid

Question

Witam,

Mam taki problem w bootstrapie. Chciałbym uzyskać efekt gdzie w opcji kiedy zawartość strony przechodzi w widok mobilny głowny container zmienił się na fluid. Bo obecnie mam marginesy po bokach, a chcialbym aby pasek menu był od krawedzi do krawedzi ale tylko w wersji mobilnej, w wersji deskopowej chce zachowac marginesy. Nie jestem pewien czy moge tutaj wrzucic adres mojej strony bo oczywiscie nie czytałem regulaminu ;) wrzucam kod do menu. całość jest zamknieta w głownym containerze. 

<div class="col-12">
					<nav class="navbar navbar-expand-lg nav-bar  pt-0 pb-0 pl-0 pr-0 " >
						<button class="navbar-toggler toggler" type="button" data-toggle="collapse" data-target="#menu" aria-controls="menu" aria-expanded="false" aria-label="Przełącz menu na urządzenia mobilne">
					<span class="d-inline-block menu align-text-top mt-1 mb-1"><img src="img/.png" alt="toggler"> </span>
						</button>
						<div class="collapse navbar-collapse " id="menu">
							<ul class="navbar-nav mr-auto ">
								<li><a href=""><i class="icon-home"></i>xxxxxx</a></li>
								<li><a href=""><i class="icon-clipboard"></i> xxxxxx</a></li>
								<li><a href=""><i class="icon-camera-alt"></i> xxxxxx</a></li>
								<li><a href=""><i class="icon-mail-alt"></i> xxxxx</a></li>
							</ul>
							<div class="contact_menu pr-2 pb-1 pt-1 small">		
								<p><a href="tel:+"><i class="icon-phone"></i></a> <a href="mailto:"><i class="icon-mail-alt"></i></a></p>
							</div>
						</div>
					</nav>
				</div>

 

Answer 1

To zastosuj media queries i zmień szerokość na 100%