Bonjour,
Je souhaite faire plus ou moins la même navbar que celle-ci :
https://getbootstrap.com/docs/5.3/custo ... lor-modes/
Surtout récupérer le mode dark mode, si quelqu'un peux me dire comment faire.
@+ Filou
la communauté d'entraide francophone dédiée au PHP
[RESOLU] Faire la meme navbar
En suivant les tutos de Bootstrap, tu pourra refaire exactement la même.
https://getbootstrap.com/docs/5.3/components/navbar/
Le darkmode lui se fera via JS et un fichier CSS "dark".
https://getbootstrap.com/docs/5.3/components/navbar/
Le darkmode lui se fera via JS et un fichier CSS "dark".
Le mieux sera de lire la doc Bootstrap, section navbar (le lien que j'ai mis plus haut).
Oui j'ai deja essayer plusieurs chose notament ceci :
Mais a aucun moment j'ai le logo qui vient au milieu en mode telephone et j'arrive pas a avoir le systeme dark mode.
Merci de votre aide.
@+Ludo
Code : Tout sélectionner
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="#">Navbar scroll</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarScroll">
<ul class="navbar-nav me-auto my-2 my-lg-0 navbar-nav-scroll" style="--bs-scroll-height: 100px;">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Link
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link disabled" aria-disabled="true">Link</a>
</li>
</ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>Merci de votre aide.
@+Ludo
Le système darkmode (le menu) se fera avec un dropdown menu, exemples disponibles sur leur site.
Bonjour,
J'arrive a cela :
https://intranet.easykode.com/menu.php
Mais toujours pas le même menu, je sais plus quoi faire, et faire de la copy bête j'aime pas.
Merci pour votre aide.
@+ Filou
J'arrive a cela :
https://intranet.easykode.com/menu.php
Mais toujours pas le même menu, je sais plus quoi faire, et faire de la copy bête j'aime pas.
Merci pour votre aide.
@+ Filou
Regarde la console de ton navigateur Ctrl+Maj+i, onglet Console et Réseau, tu verras qu'il te manque plein de fichiers.
A mon avis, tu n'as pas du tout fait une install propre de bootstrap...
Repars d'un modèle vierge en suivant le guide officiel :
https://getbootstrap.com/docs/5.3/getti ... roduction/
A mon avis, tu n'as pas du tout fait une install propre de bootstrap...
Repars d'un modèle vierge en suivant le guide officiel :
https://getbootstrap.com/docs/5.3/getti ... roduction/
Quand tout le reste a échoué, lisez le mode d'emploi...
Pour faire du Bootstrap, il te faut connaitre un minimum Bootstrap, commence par le commencement : https://getbootstrap.com/docs/5.3/getti ... roduction/
Dark Mode : https://getbootstrap.com/docs/5.3/custo ... -dark-mode
Dark Mode : https://getbootstrap.com/docs/5.3/custo ... -dark-mode
Bonjour à tous,
Même en prenant les exemples directement sur le site cela ne fonctionne pas, en lançant la page index fourni :
https://getbootstrap.com/docs/5.3/examples/
@+ Filou
Même en prenant les exemples directement sur le site cela ne fonctionne pas, en lançant la page index fourni :
https://getbootstrap.com/docs/5.3/examples/
@+ Filou