Bootstrap offcanvas

di
rufuss
il
3 risposte
R
rufuss
Pochi posts
Iscritto da
set, 2014
Messaggi:
10

Bootstrap offcanvas

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

  • D
    dvaosta
    Molto attivo
    Iscritto da
    lug, 2012
    Messaggi:
    962

    Re: Bootstrap offcanvas

    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
  • R
    rufuss
    Pochi posts
    Iscritto da
    set, 2014
    Messaggi:
    10

    Re: Bootstrap offcanvas

    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
  • D
    dvaosta
    Molto attivo
    Iscritto da
    lug, 2012
    Messaggi:
    962

    Re: Bootstrap offcanvas

    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