Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Bootstrap menu nefunguje

Aktivity
Avatar
pgarsky
Člen
Avatar
pgarsky:22.9.2016 21:54

Ahoj, rád bych se zeptal někoho, kdo má zkušenosti s bootstrapem. Používám normálně tu nejnovější verzi. Problém je v tom, že mi nejde vytvořit menu. Prostě nefunguje to, jakmile tam dám collapse, tak to menu zmizí. Atd... Děkuji za pomoc.

Odpovědět
22.9.2016 21:54
Pokud ti něco jde těžko, znamená to, že jdeš tou správnou cestou...
Avatar
Ján Timoranský:23.9.2016 14:59

Neviem, odkedy si ľudia myslia, že sem chodia iba samí jasnovidci, no dať sem kód by neuškodilo. Môžeš tam mať hocijakú chybu no nikto ti nepovie kde, pokiaľ ten kód neuvidí.

Nahoru Odpovědět
23.9.2016 14:59
Find what you love and let it kill you.
Avatar
pgarsky
Člen
Avatar
pgarsky:23.9.2016 15:31
<body>
<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">WebSiteName</a>
    </div>
    <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>
      <li><a href="#">Page 3</a></li>
    </ul>
  </div>
</nav>
Nahoru Odpovědět
23.9.2016 15:31
Pokud ti něco jde těžko, znamená to, že jdeš tou správnou cestou...
Avatar
Odpovídá na pgarsky
Jakub Rychlý:24.9.2016 0:19

Mně to menu jde...máš správně naimportovaný Bootstrap?

<link href="css/bootstrap.min.css" rel="stylesheet">

Asi takto by to mělo vypadat, pokud to máš ve složce CSS

Nahoru Odpovědět
24.9.2016 0:19
Čím víc toho vím, tím víc zjišťuju, že vlastně nic nevím.
Avatar
pgarsky
Člen
Avatar
Odpovídá na Jakub Rychlý
pgarsky:24.9.2016 7:49

Nene, mám to správně importovaný. Není to ve služce css, ale normálně u indexu.

Nahoru Odpovědět
24.9.2016 7:49
Pokud ti něco jde těžko, znamená to, že jdeš tou správnou cestou...
Avatar
Odpovídá na pgarsky
Jakub Rychlý:24.9.2016 12:02

Tak zkus tohle:

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

Je to online CSS, nahraď ho za ten tvůj a pokud budeš připojený k internetu, tak by to mělo jít. Pokud ti to nebude je závada někde u tebe, protože mně to menu jde. Zkus si ještě překontrolovat, jestli to máš opravdu správně nasměrované. Ještě upozorním na to, že Bootstrap CSS musí být na první místě ve všech CSS, které tam dáváš.

<link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
    <link href="css/custom.css" rel="stylesheet">
Nahoru Odpovědět
24.9.2016 12:02
Čím víc toho vím, tím víc zjišťuju, že vlastně nic nevím.
Avatar
Dominik Milaniak:24.9.2016 12:45

Zkontroluj taky, jestli máš naimportovaný JavaScript, myslím, že bez toho ti ten collapse nepoběží :)

Nahoru Odpovědět
24.9.2016 12:45
99 bugs in the code, take one down and patch it up. 117 bugs in the code..
Avatar
Luboš Zápotočný:25.9.2016 13:05

Ahoj pokud používáš novej bootstrap 4, tak s tím jsem také měl problém, byl tam problém s tím, že aby tam fungoval správně collapse tak v nabaru prostě musel mýt ten navbar-brand , když ho odstraníš tak mi to pak blblo, zkus si to nanečisto v navbarem, který ukazují v dokumentaci a kdyžtak posti kód a můžeme rozebírat dál.

Editováno 25.9.2016 13:05
 
Nahoru Odpovědět
25.9.2016 13:05
Avatar
Petr Čech
Tvůrce
Avatar
Petr Čech:25.9.2016 15:54

Bootstrap 4 je víceméně kompletní přepsání starého Bootstrapu a spousty starých věcí nefunguje (spíš většina) a musí se přepsat podle nové dokumentace.

Nahoru Odpovědět
25.9.2016 15:54
the cake is a lie
Avatar
pgarsky
Člen
Avatar
Odpovídá na Petr Čech
pgarsky:25.9.2016 15:58

Aha, tak to asi bude tím.

Nahoru Odpovědět
25.9.2016 15:58
Pokud ti něco jde těžko, znamená to, že jdeš tou správnou cestou...
Avatar
Petr Čech
Tvůrce
Avatar
Odpovídá na pgarsky
Petr Čech:25.9.2016 17:47

https://v4-alpha.getbootstrap.com/…ents/navbar/
A jak už zmínil Dominik Milaniak, musíš mít naimportovaný JS

Editováno 25.9.2016 17:49
Nahoru Odpovědět
25.9.2016 17:47
the cake is a lie
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 11 zpráv z 11.