Allinea le div verticalmente ma mantieni l'ordine coerente - html, css, twitter-bootstrap

Il problema è che i miei div vengono ordinati in modo che la prima colonna collassi per prima e venga letta prima sui dispositivi mobili (previsti).

Ma con il wrapping delle parole a dimensioni dello schermo molto specifiche, i div si perdono di equilibrio e ora sembrano un po 'funky sul loro bilanciamento verticale l'uno con l'altro.

Un'immagine può essere trovata qui (rosso mostra div):

Quello che voglio è aggiungere un po 'di spazio sul testo che non sia stato avvolto in parole così

risposte:

Personalmente, Id dice che il design attuale funziona bene, dato che può adattarsi e cambiare a diverse dimensioni dello schermo, il fatto che non sia allineato è comprensibile dato che la parola è troppo lunga.

Tuttavia se lo volessi potresti impostare unmin-width sul contenitore che rappresenta quella casella. Ciò significa che la parola non verrebbe spostata quando lo schermo si restringe. Ma potrebbe venire con effetti collaterali in quanto sposterà sugli altri due div a seconda di come funziona il css.