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

question-closed Bootstrap 4 - navbar

Object Storage Arubacloud
0 głosów
426 wizyt
pytanie zadane 19 marca 2017 w HTML i CSS przez ayo1001 Obywatel (1,890 p.)
zamknięte 19 marca 2017 przez ayo1001

Cześć,

<!DOCTYPE html>
<html>
	<head>

		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">

	</head>
	<body>

		<nav class="navbar navbar-toggleable-md navbar-light bg-faded mb-4">
			<div class="container">
				<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon"></span>
				</button>
				<a class="navbar-brand" href="javascript:;">Logo</a>
				<div class="collapse navbar-collapse" id="navbarCollapse">
					<ul class="navbar-nav ml-auto">
						<li class="nav-item dropdown">
							<a class="nav-link dropdown-toggle" href="javascript:;" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								Link1
							</a>
							<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
								<a class="dropdown-item" href="javascript:;">AAA</a>
								<a class="dropdown-item" href="javascript:;">BBB</a>
								<a class="dropdown-item" href="javascript:;">CCC</a>
							</div>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="javascript:;">Link2</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>

		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>


	</body>
</html>

Chce przerobić nawigację tak, żeby nie było wersji mobilnej (przyciski w wersji mobilnej są widoczne tak jak na desktopie - logo z lewej, przyciski z prawej)

Czy Bootstrap 4 ma takie klasy? Z czego można skorzystać?

 

komentarz zamknięcia: Problem rozwiązany.

1 odpowiedź

0 głosów
odpowiedź 19 marca 2017 przez ayo1001 Obywatel (1,890 p.)
Problem rozwiązany.

Podobne pytania

0 głosów
3 odpowiedzi 930 wizyt
pytanie zadane 5 kwietnia 2017 w HTML i CSS przez niezalogowany
0 głosów
1 odpowiedź 348 wizyt
pytanie zadane 27 października 2016 w HTML i CSS przez ayo1001 Obywatel (1,890 p.)
0 głosów
0 odpowiedzi 133 wizyt
pytanie zadane 27 sierpnia 2022 w Inne języki przez Sylbur81PL Nowicjusz (120 p.)

92,570 zapytań

141,422 odpowiedzi

319,643 komentarzy

61,958 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.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...