• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Menu bootstrap - Problem

VPS Starter Arubacloud
+1 głos
253 wizyt
pytanie zadane 2 maja 2021 w HTML i CSS przez MateuszSikorski Obywatel (1,070 p.)

Witam, mam menu po lewej stronie a chciałbym je przenieść na prawo ale nie udaje mi się, próbowałem też z poradników i też nie działa :/

 

		<nav class="navbar navbar-dark bg-menu navbar-expand-lg" style="background-color: transparent;">

			<a class="navbar-brand" href="#"><img src="Grafiki/Logo1.png" width="40" height="auto" class="d-inline-block mr-1 align-bottom" alt=""></a>
<b style="font-weight: 600;">TekstLogo</b>
			<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" style="color: white; font-weight: 300;" href="index.php"> Strona Główna </a>
					</li>

					<li class="nav-item">
						<a class="nav-link" style="color: white; font-weight: 300;" href="projekty"> Moje Projekty </a>
					</li>

					<li class="nav-item">
						<a class="nav-link" style="color: white; font-weight: 300;" href="kontakt"> Kontakt </a>
					</li>

				</ul>

			</div>

		</nav>

 

2 odpowiedzi

+1 głos
odpowiedź 2 maja 2021 przez CubeStorm Pasjonat (15,020 p.)
wybrane 2 maja 2021 przez MateuszSikorski
 
Najlepsza

.navbar-nav ma ustawioną klasę .mr-auto co automatycznie ustawia go z lewej strony.

+1 głos
odpowiedź 2 maja 2021 przez MateuszSikorski Obywatel (1,070 p.)

Udało się ;P

Trochę CSS'a
 

.navbar-nav{
  width: 100%;
}

@media only screen and (min-width: 986px) {
  .nav-item{
    margin-left: 30px;
}

@media only screen and (min-width: 986px) {
}
.navbar-nav{
  margin-left: 65%;
}
}

 

Podobne pytania

0 głosów
1 odpowiedź 348 wizyt
pytanie zadane 15 sierpnia 2019 w Nasze projekty przez suciorek Nowicjusz (120 p.)
0 głosów
1 odpowiedź 457 wizyt
0 głosów
1 odpowiedź 1,256 wizyt
pytanie zadane 25 października 2018 w HTML i CSS przez marek90552 Początkujący (430 p.)

93,023 zapytań

141,986 odpowiedzi

321,288 komentarzy

62,368 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...