Sottomenù Bootstrap che non funziona correttamente

[controsenso]

Ho inserito il seguente codice per creare un sottomenù con bootstrap:

<li class="dropdown">
   <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown prodotti <span class="caret"></span></a>
 <ul class="dropdown-menu" role="menu">
                                <li><a href="primoprodotto.html">Primo prodotto</a></li>
                                <li><a href="secondoprodotto.html">Secondo prodotto</a></li>
                                <li><a href="terzoprodotto.html">Terzo prodotto</a></li>
 </ul>
</li>

Nella home funziona, ma se per esempio vado nella pagina "primoprodotto.html" (che ha lo stesso codice) non mi apre più il sottomenù..
Qual'è l'errore?

Grazie!

 

[n1k4r0]

se l'html è sempre uguale allora forse nelle pagine interne manca del css o del javascript che in home ci sono invece

 

[Max 1]

Bisogna vedere anche il resto del codice in particolare il CSS, la pagina completa online sarebbe l'ottimo.

E imparare ad non usare bootstrap non sarebbe meglio? Usare quelle librerie non è che si trova più pappa pronta! Si trova più problemi!

 

[controsenso]

Bisogna vedere anche il resto del codice in particolare il CSS, la pagina completa online sarebbe l'ottimo.

E imparare ad non usare bootstrap non sarebbe meglio? Usare quelle librerie non è che si trova più pappa pronta! Si trova più problemi!

Ce l'ho in locale..

Bootstrap dovrebbe facilitare la creazione di un sito soprattutto perchè lo rende responsivo..ecco perchè lo sto usando.

Il menu funziona quando clicchi le "sottopagine" ma una volta che entri in una di queste e vuoi per esempio cambiare voce del sottomenu non si apre..
Non è che il problema è in questa parte di codice dove c'è il "#"?:

 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown prodotti <span c

 

[WottaFacca]

L'asterisco "#" semplicemente significa che se schiacci quel bottone non vai su una pagina ma rimani su quella in cui ti trovi

 

[controsenso]

L'asterisco "#" semplicemente significa che se schiacci quel bottone non vai su una pagina ma rimani su quella in cui ti trovi

Quindi è giusto che rimanga così o deve puntare alla home?

 

[Max 1]

Ce l'ho in locale.. :(

se ce l'hai in locale questo non significa che non puoi postare la parte di codice che è interessata, farci vedere solo i link non serve a nulla!

Bootstrap dovrebbe facilitare la creazione di un sito soprattutto perchè lo rende responsivo..ecco perchè lo sto usando.

Boostrap non facilita proprio nulla e anche usandolo serve una base di conoscenze di programmazione, non per niente tutti quelli che lo usano poi si trovano nei guai e chiedono qui!
Il responsive si può ottenere anche scrivendo il codice a manina

Il menu funziona quando clicchi le "sottopagine" ma una volta che entri in una di queste e vuoi per esempio cambiare voce del sottomenu non si apre..
Non è che il problema è in questa parte di codice dove c'è il "#"?:

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown prodotti <span c

Tu continui con quei link, ma secondo me il problema non è lì! Il problema dovrebbe stare nel css abbinato alle pagine che non aprono il sottomenu!
Il simbolo del cancelletto come ti hanno già detto non produce nessun effetto ai fini di cambiare pagina, ma può portare all'inizio della stessa pagina e non produce nessun divieto ad aprire il sottomenu

 

[controsenso]

se ce l'hai in locale questo non significa che non puoi postare la parte di codice che è interessata, farci vedere solo i link non serve a nulla!Boostrap non facilita proprio nulla e anche usandolo serve una base di conoscenze di programmazione, non per niente tutti quelli che lo usano poi si trovano nei guai e chiedono qui!
Il responsive si può ottenere anche scrivendo il codice a maninaTu continui con quei link, ma secondo me il problema non è lì! Il problema dovrebbe stare nel css abbinato alle pagine che non aprono il sottomenu!
Il simbolo del cancelletto come ti hanno già detto non produce nessun effetto ai fini di cambiare pagina, ma può portare all'inizio della stessa pagina e non produce nessun divieto ad aprire il sottomenu

Questo è il css associato alla pagina

@CHARSET "ISO-8859-1";
.tits
{
    padding-left: 211px;
    color: red;
}


.bgwhite
{
    background-color: white;
}

body
{
    background-color: #eee;
}

.textpenny
{
    font-size: 17px;
}

.st
{
    font-size:22px;
}
.contatti{

  float: right;
}

.blocco
{
 display: block;
 height: 50px;
}

.video
{
	background-color: red;
	height: 300px;
	
}


.scritta
{
	font-size: 20px;
}



.qualita
{
	height: 200px;
	background-color: grey;
	
}

.icona
{
	
	font-size: 90px;
}
.iconatre
{
	font-size: 90px;
	margin-top: 30px;
        height: 90px;
}


.top
{
	margin-top: 20px;

	
	}


	.testo
{
	text-align: justify;
        font-size: 15px;
}


.f
{
    padding-top:12px;
	font-size: 12px;
	line-height:38px;
	text-align: center;
        color: #ffffff;
	height:20px;
	background-color: black;
	width: 100%;
	}

       
.riquadro
{
    border: 1px solid #ccc;
    height: auto;
    width: auto;
    margin-top: 5px;
    margin-bottom: 15px;
    margin-right: 4px;
    margin-left: 4px;
    padding-top: 10px;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 20px;
}



.riquadrodue
{
    border: 1px solid #ccc;
    height: 120px;
    width: 120px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 5px;
   padding-top: 9px;
   padding-right: 5px;
   padding-left: 9px;
   padding-bottom: 5px;
}

.grassetto
{
    font-weight:bold;
}

table {
	font-size: inherit;
	border: 1px solid #c8c8c8; 
}
.tabella_corsi{
	border: 1px solid #999;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	line-height: 14px;
        color:red;
}

.rosso
{
    color: red;
}


.nero
{
    color: black;
}

.sottotitoli
{
    font-size: 20px;
    color: red;
    
}

.linea
{
 color: red;     
    border-bottom: solid 1px red;
}

.lineadue
{
  
    border-bottom: solid 1px black;
}

.iconadue
{
  font-size: 90px;
}


.immagine
{
    padding-left: 50px;
  margin-top: 50px;
}




footer
{
    text-align: center;
    height: 50px;
    line-height: 50px;
    background-color: black;
    font-size: 9px;
    color: white;
    width: 100%;
}


.iframe-container {
    height: 0;
    padding-bottom: 50%;
    padding-top: 0;
    overflow: hidden;
}
.iframe-container iframe, .iframe-container object,  
.iframe-container embed {
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.google-maps {
    position: relative;
    padding-bottom: 75%; 
    height: 0;
    overflow: hidden;
    }
    .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    }

 

[WottaFacca]

Le varie pagine del sito hanno un loro foglio di stile o sono tutte collegate ad un'unico CSS?

Se la prima è giusta dovrai inserire in tutte il collegamento al file dove crei il menu.
Altrimenti avrai qualcosa di sbagliato quando richiami gli id e le classi