Bootstrap di Twitter "container-fluid"

Question

Voglio solo cancellare una cosa. Se sto usando "container-fluid" classe, vuol dire che non posso avere qualcosa di simile a bootstrap.css:

.container-fluid{ 
width: 1170px; 
} 

ho cercato di impostare in pixel e la natura reattiva semplicemente spento. Mentre l'impostazione in% funziona. In altre parole, la mia domanda è la seguente: Come posso impostare la larghezza fissa del fluido del contenitore? O era semplicemente non inteso di default dagli sviluppatori di bootstrap?

ho già letto questo link: Fluid or fixed grid system, in responsive design, based on Twitter Bootstrap

ma semplicemente non riesce a trovare nulla lì per quanto riguarda la natura sensibile e la larghezza fissa con container-fluid.

Answer 1

impostando una larghezza px sta rendendo statico, si dovrebbe impiegare una tecnica diversa per renderlo reattivo dopo quello come javascript è per questo che viene usata una%.

Se si vogliono rendere il contenitore non andare più largo 1170px uso

.container-fluid { 
    max-width:1170px; 
} 

max-width farà in modo se lo schermo degli utenti è più ampio rispetto 1170px contenitore andrà solo fino al 1170px larga. Questo renderà i meccanismi reattivi ancora funzionanti.

Naturalmente utilizzando .container-fluid come il selettore cambierà il modo in cui tutti gli elementi container-fluid si comportano in modo da pensare di aggiungere una seconda classe a quell'elemento e impostarne lo stile.

html

<div class="container-fluid maxWidth"></div> 

css

.maxWidth { 
     max-width:1170px; 
} 

Se si vuole il contenitore da fissare non importa cosa, che renderà i contenuti all'interno non risponde in quanto non sarebbero in grado di dire quando lo schermo ha cambiato dimensione in quanto il contenitore non cambierà dimensione.