jak przenieść hamburgera w bootstrap na prawą stronę?

pytanie zadane 5 lipca 2020 w HTML i CSS przez niezalogowany

Jak mogę sprawić zeby mój hamburger był bardziej z prawej strony? kolor wiem jak zmienić w CSS ale nie mogę przenieść go na drugą stronę gdzie po prostu wyglądał by lepiej, próbowałem mr-auto, order last, order-12 i podobne ale nic to nie daje, czy ktoś miał z tym styczność? Jak to rozwiązać? też w CSS?

komentarz 5 lipca 2020 przez Tomek Sochacki Ekspert (227,510 p.)

nie widząc kodu nikt Ci nie pomoże bo nie wiemy co tam nakombinowałeś :)

komentarz 5 lipca 2020 przez niezalogowany

<body> 

 <div class="container-fluid">
 
	<header>
			
 <div class="header">
				<div clsss="navbar-brand">
					<div class="logo"><image src="zdjecia/Logo1.png" style="float:left"/> Na Południe stąd...</div>
					
						<div clsss="col-sm">
							<div class="motto"><i> "Nie ważne skąd przybyłeś - </br> ważne dokąd zmierzasz"</i></div>
						</div> 
					</div>
				</div>
			

  
  
   

<nav class="navbar navbar-expand-md fixed-top navbar-light">

 <button class="navbar-toggler " data-toggle="collapse" data-target="#navbarResponsive">
		<span class="navbar-toggler-icon">
		</span>
	</button>
	
 
	<div class="collapse navbar-collapse" class="float:right" id="navbarResponsive">
	
	 <ul class="navbar-nav m-auto" > 
	 
		 
	
			
	
		<li class="nav-item active">
			<a href="index.php" title="Home"> <i class="icon-home"> </i> </a> </li> 
  
		<li class="nav-item active">
			<a href="film.php" title="Film" >Film</a></li>
		
		<li class="nav-item active">
			<a href="historia.php" title="Historia" >Historia</a></li>
			
		<li class="nav-item active">
			<a href="kuchnia.php" title="Kuchnia" >Kuchnia</a></li>
	
		<li class="nav-item active">
			<a href="muzyka.php" title="Muzyka" >Muzyka</a></li>
		
		<li class="nav-item active">
			<a href="poradniki.php" title="Poradniki" >Poradniki </a></li>
		
		<li class="nav-item active">
			<a href="omnie.php" title="O mnie">O mnie </a></li>
   
		<li class="nav-item active">
			<a href="englishversion.php" title="English version"> <i class="icon-language"> </i></a></li> 
	
	 </ul><!-- znacznik ul-->
	</div> <!--zamyka "collapse navbar-collapse" id="collapse_target" -->
	</nav><!--znacznik nav-->

</header>

tak to wygląda, może mam jakiś błąd? ciekawe jest też to że padding i margin mi nie działa więc też kminie gdzie jest błąd

1 odpowiedź

odpowiedź 5 lipca 2020 przez CubeStorm Pasjonat (15,020 p.)

<button class="navbar-toggler " data-toggle="collapse" data-target="#navbarResponsive">

Dodaj klasę "float-right", ewentualnie ml-auto.

Sam bootstrap ma w sobie napisane style, dlatego aby je nadpisać w Twoim arkuszu możesz użyć końcówki !important. Zamiast je nadpisywać można użyć na tym elemencie klas bootstrapowych, tak jak zaproponowałem powyżej.

komentarz 5 lipca 2020 przez niezalogowany

nope - nadal nie zmienia pozycji :( z resztą już to próbowałem jako pierwsze

komentarz 5 lipca 2020 przez CubeStorm Pasjonat (15,020 p.)

Ten sposób przesunie element maksymalnie na prawą stronę swojego rodzica. Sprawdź na, zbadaj element, jaką szerokość ma jego rodzic.

komentarz 5 lipca 2020 przez niezalogowany

nie do końca rozumiem co mam sprawdzić :D wybacz dopiero się uczę, zrobiłem snapa nie wiem czy to coś da...

komentarz 5 lipca 2020 przez CubeStorm Pasjonat (15,020 p.)

Szerokość rodzica buttona, czyli to w czym siedzi <button> (element nadrzędny). W tym przypadku: "<nav class="navbar navbar-expand-md fixed-top navbar-light">". Tylko sprawdź na rozdzielczości dla urządzeń mobilnych, bo właśnie tam jest błąd.