Utilizzo della larghezza 1170px con bootstrap.css (reattivo)

Question

Ho notato sui documenti di Twitter per grid system che la griglia predefinita è 940px ma è 1170px sul sito Web. Ho capito che sta usando reattivo per cambiare la larghezza come sono su una risoluzione widescreen e higer.

La mia domanda ricade su come utilizzare 1170px come nei documenti di Twitter. Non riesco a trovare alcun documento che spieghi come modificare la larghezza a 1170 pixel come loro. Si tratta di una build personalizzata che hanno creato ma non rilasciata o semplicemente non ha aggiornato i documenti?

Qualsiasi idea su come implementare questo e avere la corretta griglia di personalizzazione vars per 1170px.

Grazie

Answer 1

Stanno usando una query @media per questo, che non è incluso di default nel bootstrap, si può leggere di più qui nella loro documentazione responsive layout.

po Importante dalla loro CSS:

@media (min-width: 1200px) { 
    .span12, .container { 
    width: 1170px; 
    } 
} 

Estratto dalla pagina

Utilizzando i mezzi di comunicazione interroga

Bootstrap non include automaticamente queste domande dei media, ma comprensione e l'aggiunta di è molto semplice e richiede una configurazione minima. Avete alcune opzioni per includere le caratteristiche reattive di Bootstrap:

1. utilizzare la versione compilata reattivo, bootstrap-responsive.css
2. Aggiungi @import "responsive.less" e ricompilare Bootstrap
3. Modifica e ricompilare responsive.less come separato

Perché non includerlo semplicemente? A dire la verità, non tutto deve essere reattivo. Invece di incoraggiare gli sviluppatori a rimuovere questa funzionalità, , pensiamo che sia meglio attivarla.

Answer 2

Come dicono le documentazioni, non tutto deve essere reattivo. Inoltre, non tutto ha bisogno di usare le dimensioni a schermo intero ... alcuni layout richiedono solo più spazio.

Ho visto alcuni siti Web che estrapolano questo estratto di query multimediale (@media min-width: 1200px {...}) dal foglio di stile reattivo, ma non sono stato in grado di dire se è corretto/consigliato o una buona soluzione.