[Boostrap 4] Problem z ukrywaniem elementów |
[Boostrap 4] Problem z ukrywaniem elementów |
12.04.2018, 13:21:09
Post
#1
|
|
Grupa: Zarejestrowani Postów: 14 Pomógł: 0 Dołączył: 12.04.2018 Ostrzeżenie: (0%) |
Witam.
Juz glupieje. Siedze trzecia godzine i nic. Problem wydaje mi sie byc gdzies w stylach css. Robilem juz roznie. Podpinalem pliki na swoim serwerze lub podpiolem jak na tej stronie: https://www.w3schools.com/bootstrap/bootstr...get_started.asp I ciagle to samo. Nie dziala ukrywanie elementow. Przyklad pomizej: CODE <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- Latest compiled JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <div class="d-none">ddsd</div> <nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Rozwiń nawigacje</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#" id="company">www.www.pl</a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Page 1</a></li> <li><a href="#">Page 2</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> Sign Up<span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <form class="navbar-form navbar-left" role="search"> <div class="form-group"> <input type="text" class="form-control" placeholder="Login" name="syslogin"> <input type="text" class="form-control" placeholder="Login" name="sysemail"> <input type="text" class="form-control" placeholder="Phone" name="sysphone"> </div> <button type="submit" class="btn btn-default">Sign In</button> </form> </ul> </li> <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> </ul> </div> </div> </nav> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html> Wszystko inne dziala tzn nie wiem czy wszystko ale menu dziala, koloruje sie , style dzialaja ale nie dziala ukrywanie.. Ponizszy przyklad ktory jest na samym poczatku powiniem zostac ukryty dla kazdej rozdzielczosci <div class="d-none">test</div> ale sie tak nie dzieje. Probowalem rowniez d-block d-sm-none ktory ma wyswietlic element tylko na smartfonie. Dalej wyswietla nawet na kompie. <div class="d-block d-sm-none">test</div> Ktos wie o co chodzi Ten post edytował hopaj 12.04.2018, 13:22:13 |
|
|
12.04.2018, 15:08:49
Post
#2
|
|
Grupa: Zarejestrowani Postów: 859 Pomógł: 177 Dołączył: 29.10.2009 Ostrzeżenie: (0%) |
Menu wrzucasz z Bootstrap 3...
https://jsfiddle.net/5Lbfntmw/296/ Menu: https://getbootstrap.com/docs/4.0/components/navbar/ |
|
|
Wersja Lo-Fi | Aktualny czas: 27.04.2024 - 08:24 |