Wyrównywanie menu do prawej. [BOOTSTRAP]

Question

Dzień dobry mam problem z wyrównaniem menu do prawej strony w Bootstrapie. Chodzi o to aby odnośniki do podstron były po prawej stronie. Jak takie coś zrobić?

            <a class="navbar-brand" href="#"><img src="img/logo.png" width="70" height="auto" class="d-inline-block mr-1" alt=""> LOGO</a>
        
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainmenu" aria-controls="mainmenu" aria-expanded="false" aria-label="Przełącznik nawigacji">
                <span class="navbar-toggler-icon"></span>
            </button>
        
			<div class="collapse navbar-collapse" id="mainmenu">
			
				<ul class="navbar-nav mr-auto">
				
					<li class="nav-item active">
						<a class="nav-link" href="#"> Strona Główna </a>
					</li>
					
					<li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-expanded="false" id="submenu" aria-haspopup="true"> MENU ROZWIJANE </a>
						
						<div class="dropdown-menu" aria-labelledby="submenu">
						
							<a class="dropdown-item" href="#"> 1 </a>
							<a class="dropdown-item" href="#"> 2 </a>
							<a class="dropdown-item" href="#"> 3 </a>
							<a class="dropdown-item" href="#"> 4 </a>
						
						</div>
						
					</li>
					
					<li class="nav-item">
						<a class="nav-link" href="#"> PODSTRONA1 </a>
					</li>
					
					<li class="nav-item">
						<a class="nav-link" href="#"> PODSTRONA2 </a>
					</li>
					
					<li class="nav-item">
						<a class="nav-link disabled" href="#"> PODSTRONA3 </a>
					</li>
					
					<li class="nav-item">
						<a class="nav-link" href="#"> PODSTRONA4 </a>
					</li>
				
				</ul>
			
			</div>

 

Answer 1

Dodaj klase pull-right tutaj

<div class="collapse navbar-collapse" id="mainmenu">