Direzione centro bootstrap

È la mia prima esperienza su Twitter Bootstrap. Ho aggiunto alcune intestazioni (h1, h2, ecc.) E sono allineate sul lato sinistro. Qual è il modo giusto per centrare i titoli?Direzione centro bootstrap

fonte

2012-06-22 SiberianGuy

Come stai contenente i titoli? All'interno di un contenitore, come un tag 'p', o allentato? –

@AndresIlich, all'interno della riga-fluide (che è all'interno del contenitore-fluide) – SiberianGuy

stai cercando di centrare tutti i titoli? o solo pochi eletti? –

.text-left { 
    text-align: left; 
} 

.text-right { 
    text-align: right; 
} 

.text-center { 
    text-align: center; 
}

bootstrap ha aggiunto tre classi CSS per l'allineamento del testo.

fonte

2013-03-01 06:02:02

Per i vostri commenti, per centrare tutte le intestazioni tutto quello che dovete fare è aggiungere text-align:center a tutti loro, allo stesso tempo, in questo modo:

CSS

h1, h2, h3, h4, h5, h6 { 
     text-align: center; 
    }

fonte

2012-06-22 14:45:46

Se è vero, l'idea alla base dell'utilizzo di twitter bootstrap è quella di utilizzare le classi esistenti il più lontano possibile. Vedere la risposta di Jinpu Hu – Skurpi

I quadri di @Skurpi funzionano come suggerimenti per ciò che è possibile utilizzare in un progetto; Non sono affatto un dato. Mentre è più semplice usare le classi e gli stili già dati nel bootstrap, se i requisiti del progetto "richiedono" di apportare alcune drastiche modifiche al framework, per ogni domanda dell'OP, il modo più semplice per farlo è semplicemente modificare tali modifiche in il livello principale. Al contrario di aggiungere una tonnellata di classi che non hai davvero bisogno. –

@Skurpi Inoltre, tali classi di allineamento [non esistevano] (https://github.com/twitter/bootstrap/blob/71669dda63644a7b4162ca63f8b9c88b3586c7e4/docs/assets/css/bootstrap.css) al momento della scrittura. Questa risposta ha un anno. –

basta usare class = 'text-center' nell'elemento per l'intestazione centrale.

<h2 class="text-center">sample center heading</h2>

classe di uso = 'text-sinistra' in elemento di intestazione a sinistra, e l'uso class = 'text-destra' in elemento di intestazione a destra.

fonte

2016-05-22 20:44:33

Bootstrap viene fornito con molte classi di pre-build e uno di loro è class="text-left". Si prega di chiamare questa classe ogni volta che è necessario. :-)

fonte

2016-10-13 13:01:53 Tinsae

Direzione centro bootstrap

risposta

Problemi correlati