Come cambiare css Bootstrap accordion?

[kefy]

Ciao a tutti.


Ho un problema, ho utilizzato il codice bootstrap per creare un accordion (http://www.w3schools.com/Bootstrap/tryit.asp?filename=trybs_collapsible_accordion&stacked=h).


Solo che nel mio sito, invece di venire con i bordi e con il titolo con lo sfondo grigio, mi viene semplicemente un titolo con il link. Fa il suo lavoro ma non è nello stesso stile css. Da che file lo pesca?

[giusebos]

controlla con firebug che ci siano tutte le classi necessarie a far si che quel determinato aspetto si compia.

[kefy]

Ciao, grazie della risposta.. mi sono rimessa li oggi ma non ci capisco un granchè di firebug!


Ho aperto la pagina con firebug (http://www.bsej.com/agenzie/index.php?option=com_content&view=article&id=7&Itemid=108&lang=it) sono andata nella scheda "editor stili" e sulla sinistra mi appaiono una serie di fil css, ma saranno una ventina.. Che vuol dire? Che prende stile css da tutti questi files?
Tra tutti c'è anche il mio file custom.css (che ho creato per personalizzare il mio template) in cui ho ri-copiato il css dell'accordion. Però non sembra cambiare niente.

[Limma]

Nell'esempio che hai utilizzato di w3schools, che è quello che hai usato poi nel tuo sito (giusto?), nell'head sono presenti:

Codice: [Seleziona]

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
Nessuno di questi mi pare presente nel sorgente della pagina del tuo sito che hai linkato.
Prova ad inserire nell'head del tuo sito almeno il primo, quello che richiama il css e vedi se cambia qualcosa...

P.S. Credo che manchi qualcosa anche a livello di JavaScript, visto che l'esempio di w3schools ha le voci che "collassano" quando ne apri una nuova, mentre così non è nel tuo sito (o è stata una tua scelta?).

Edit!
Ho appena fatto una veloce prova in locale, inserendo nell'head del template solo il richiamo a:

Codice: [Seleziona]

link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"e funziona perfettamente.
Sfondo sul titolo, bordi, voci che collassano.
Lo userò anch'io, editando per bene il css lo si può trasformare a piacere!

[kefy]

Uh Grazie!
Ho capito il problema.. praticamente io ho la versione di bootstrap n. 2 e usavo le "diciture" della 3!
Ho copiato il codice della 2 dell'accordion e ora funziona perfettamente anche a me!


Contenta di averti fatto scoprire una cosa nuova!


Grazie ancora

[Limma]

  Ottimo!
L'effetto e la funzionalità dell'accordion sul tuo sito sono davvero buone. 

Edit:

Ho capito il problema.. praticamente io ho la versione di bootstrap n. 2 e usavo le "diciture" della 3!

In realtà con un template con la versione 3 di Bootstrap basta utilizzare le classi come nell'esempio di w3schools.
Non c'entrava nulla, quindi, il riferimento a JavaScript e/o CSS come avevo scritto prima...
Lo scrivo giusto per completezza e chiarezza di informazione, e per correggere la mia errata supposizione iniziale.
Nel tuo caso, come hai scritto tu, non funzionava in quanto il tuo template è basato su Bootstrap 2.
 

[kefy]

Perfetto, grazie!