/ / 960px larghezza reattiva app racchetta per il bootstrap - css, ruby-on-rails, twitter-bootstrap

App per rack di bootstrap reattiva con larghezza di 960px - css, ruby-on-rails, twitter-bootstrap

Sto usando bootstrap 2.3.2 per creare un sito web, e voglio che la larghezza massima del contenitore sia 960px in larghezza anziché 1200px. So che sul personalizzare pagina deselezionando l'opzione del contenitore largo 1200pxnon lo includerò nel CSS, tuttavia il mio problema ora sta implementando quello indietro nella mia app di rotaie. Non sono sicuro di dove si trova il file di bootstrap o di come potrei sostituirlo. Qualche suggerimento? Grazie in anticipo.

risposte:

2 per risposta № 1

bootstrap usa la classe.contenitore per lo stile della larghezza della griglia. Quindi dovrai sovrascrivere gli stili di bootstrap aggiungendoli a un foglio di stile personalizzato (mystyles.css) che includi dopo aver incluso gli stili di bootstrap:

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 960px;
}

0 per risposta № 2

Per mantenere la reattività usa la larghezza massima invece della larghezza. Come indica Jarod Reyes ... assicurati di includere questi stili dopo aver caricato il bootstrap.

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
max-width: 960px;
}