Bootstrap navbar si richiude su mobile

pippuccio76

Utente Attivo
21 Lug 2013
27
1
3
Come da titolo ho questa navbar :

PHP:
 <div class="card">
          <div class="card-body">
            <nav class="navbar navbar-expand-lg  navbar-dark  rounded" style="  background-image: linear-gradient(to right, rgba(240,230,140,0), rgba(240,230,140,1));">
              <div class="container-fluid">
                
                <div class="">
                  <img src="/assets/assets-user/images/logo-icon.png" class="logo-icon" alt="logo icon">
                </div>
                <a class="navbar-brand" href="#">         
                  <h4 class="logo-text" >NomeSito</h4>
                  <h4 class="logo-text" >Nome</h4>
                </a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent5" aria-controls="navbarSupportedContent5" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent5">
                  <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                    <li class="nav-item"> <a class="nav-link active" aria-current="page" href="/"><i class="bx bx-home-alt me-1"></i>Home</a>
                    </li>
                    <li class="nav-item"> <a class="nav-link" href="/cerca"><i class="bx bx-map me-1"></i>Ricerca </a>
                    </li>
                    <li class="nav-item"> <a class="nav-link" href="#"><i class="bx bx-category-alt me-1"></i>Features</a>
                    </li>
                    <li class="nav-item"> <a class="nav-link" href="#"><i class="bx bx-mail-send me-1"></i>Contatti</a>
                    </li>

                  </ul>
                  <span class="d-flex">
                    <?php if (!session()->get('user_id')): ?>
                      
                      <a class="btn btn-light btn-outline-success me-3 radius-50 px-4" href="/login"><i class="bx bx-lock"></i> Login</a>
                    
                    <?php else: ?>
                    <ul class="navbar-nav me-auto mb-5 mb-lg-0 btn btn-light btn-outline-info me-3 radius-50 px-4" style="padding: 1px;">

                    <li class="nav-item dropdown">
                      <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        <i class="bx bxs-user-circle"></i> Profilo
                      </a>
                      <ul class="dropdown-menu">

                        <li><a class="dropdown-item" href="#"><i class="fadeIn animated bx bx-user-pin"></i>Modifica Profilo</a>
                        </li>

                        <li><a class="dropdown-item" href="#"><i class="fadeIn animated bx bx-key"></i>Modifica Password</a>
                        </li>
                        <li>
                          <hr class="dropdown-divider">
                        </li>
                        <li class=""><a class=" btn btn-outline-danger px-5" href="/logout"><i class="fadeIn animated bx bx-exit"></i>Logout</a>
                        </li>
                      </ul>
                    </li>
                  </ul>

                    <?php endif ?>
                </span>
                </div>
              </div>
            </nav>
          </div>
        </div>
    <!--start page wrapper -->

Se premo sul pulsante per mostrare il menu su mobile ( le classiche righe) si apre per un secondo poi si richiude da solo . Avete un idea sul problema ?
 
Discussioni simili
Autore Titolo Forum Risposte Data
L Navbar dropdown con Bootstrap: link ai css CMS (Content Management System) 4
I Sto progettando nuovi siti utilizzando bootstrap e devo dire funziona bene, l'unico problema e la maschera -moz- HTML e CSS 0
C Validazione Bootstrap PHP 0
D Carousel bootstrap con video HTML e CSS 2
websilvia Contact form using Bootstrap 3.3.4 PHP 8
felino Radio button e Bootstrap: modificare il colore di default! HTML e CSS 1
F Come passare una variabile al modal di bootstrap PHP 1
motleyrulez Paginazione Tabella Bootstrap Javascript 2
R Bootstrap 4 - creare una finestra di testo responsive sopra un Carousel jQuery 1
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1
felino [Bootstrap] Allineamento verticale HTML e CSS 1
MaryRoxenne Questione Bootstrap HTML e CSS 1
L Bootstrap 4 input ext value HTML e CSS 1
riminese77 [ASP.Net] Popup Bootstrap in datagrid ASP.NET 0
W [Javascript] Bootstrap Admin templates, mi dareste dei consigli? CMS (Content Management System) 0
I Bootstrap 4 Card overlay non responsive CMS (Content Management System) 0
fabiodisconzi Miglior template bootstrap 4 admin? CMS (Content Management System) 1
L Come sovrascrivere i parametri di Bootstrap CMS (Content Management System) 0
E Bootstrap con parallax e particles jQuery 2
paloppa Bootstrap.min.css modificare il file HTML e CSS 6
T [PHP] passare una variabile in una finestra MODAL di bootstrap PHP 3
M Responsive design bootstrap HTML e CSS 2
xone [Vendo] Landing Page in html css bootstrap responsive Compravendita siti e domini 0
F Bootstrap Notify jQuery 0
V Creare funzioni PHP per agevolare bootstrap PHP 1
V Passare a PHP pagina bootstrap creata in HTML PHP 1
A [Javascript] Problemi menu bootstrap Javascript 1
A Bootstrap grid img a sinistra serie di div a destra CMS (Content Management System) 1
T Bootstrap: allineamento sotto il BADGE HTML e CSS 1
O Bootstrap carousel-caption responsive CMS (Content Management System) 2
F img bootstrap centrata nello schermo HTML e CSS 1
F Slide down/up dropdown Bootstrap jQuery 0
otto9due Form personalizzato in bootstrap da integrare nel tema wordpress WordPress 0
L [HTML] bootstrap problema menu dropdown in mobile. HTML e CSS 3
L tabella bootstrap PHP 3
L Problema Bootstrap Modulo Email + php PHP 1
J Bootstrap dropdown menu non funziona con jquery-1.8.2??? jQuery 5
R Bootstrap Carousel allineamento a sinistra impossibile! HTML e CSS 1
MarcoGrazia Verifica della data inserita in un form ( utilizzando bootstrap ) Javascript 7
L slider bootstrap HTML e CSS 0
C Sottomenù Bootstrap che non funziona correttamente HTML e CSS 8
MarcoGrazia Problema con bootstrap, saltata tutta la paginazione in IE8 HTML e CSS 1
E problema con carousel di Bootstrap HTML e CSS 1
R Dubbi Incolonnamento Layout con Bootstrap. HTML e CSS 1
F 5 colonne con bootstrap 2 HTML e CSS 4
F Altezza immagini Bootstrap HTML e CSS 1
J Problema con form in bootstrap HTML e CSS 0
J Menu a tendina con bootstrap 3 HTML e CSS 3
C Form registrazione Bootstrap PHP 0
kungfujava Bootstrap e animazione caricamento pagina HTML e CSS 0

Discussioni simili