Bootstrap offcanvas

di Anonimizzato15224 il
3 risposte
/
Anonimizzato15224
Utente anonimizzato
Ciao a tutti

mi riferisco a questo esempio : http://bootstrapzero.com/bootstrap-t...canvas-sideba

non capisco il senso di "col-xs-6" e "col-xs-12" nelle 2 colonne della riga offcanvas : provando a togliere queste due classi tutto rimane immutato

3 Risposte

  • /
    Anonimizzato10779
    Utente anonimizzato
    Non trova la pagina perché l'indirizzo è incompleto (puntini di sospensione).

    Comunque, le classi xs si attivano quando la larghezza della finestra del browser è inferiore a 768px (xs sta per extra small, come sui vestiti), per cui per vederne l'effetto devi restringere la finestra.

    ciao
  • /
    Anonimizzato10779
    Utente anonimizzato

    rufuss ha scritto:

    grazie scusa il ritardo.....

    cmq il link è http://bootstrapzero.com/bootstrap-template/off-canvas-sidebar

    nel caso togliessi xs da questo codice il restringimento della finestra non produce nessun effetto
    Non succede niente perché ha sbagliato il programmatore. Nei css le regole vengono applicate in cascata, e lui ha ridefinito la larghezza del menu con la classe: 
    
.sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 41.6%;
  }
    Lo puoi vedere su mozilla con "analizza elemento", selezionando il div con id="sidebar" e guardando le regole applicate prima e dopo il resringimento della pagina.

    ciao
Devi accedere o registrarti per scrivere nel forum
3 risposte