Qualcuno può spiegarmi perché BS ha un'altezza 1px impostata di default? Era così in 2 e 3 e non ho mai capito perché? So che dice nei commenti "Impedisci che le colonne crollino quando sono vuote" ma quale browser fa?Bootstrap e altezza 1 px sul col: perché?
10
A
risposta
6
Prova e si sa: http://bootply.com/82722
<div class="container" style="background-color:orange;">
<div class="row">
<div class="col-sm-6" style="background-color:blue;"></div>
<div class="col-sm-6" style="background-color:red;">right</div>
</div>
</div>
<div class="container" style="background-color:orange;">
<div class="row">
<div class="col-sm-6" style="background-color:blue;min-height:0"></div>
<div class="col-sm-6" style="background-color:red;">right</div>
</div>
</div>
0
// Prevent columns from collapsing when empty
min-height: 1px;
Problemi correlati
- 1. Perché Bootstrap 4 sceglie rem ed em invece px?
- 2. Riempi altezza rimanente con Bootstrap
- 3. SQL perché SELECT COUNT (*), MIN (col), MAX (col) più veloce di SELECT MIN (col), MAX (col)
- 4. Ottieni altezza riga dell'elemento senza 'px'
- 5. CSS - Altezza 100% meno #px - Intestazione e piè di
- 6. Bootstrap 3 col-sm-offset-x ha effetto sulla struttura col-md-x
- 7. centro bootstrap 3 col-MD-3 div
- 8. Bootstrap col-md-Offset- * non funziona
- 9. Larghezza di carosello di bootstrap e altezza
- 10. Bootstrap Twitter - 100% Altezza
- 11. Regolazione altezza 100% alle colonne twitter Bootstrap
- 12. dando altezza al tavolo e fila nel bootstrap
- 13. Bootstrap altezza cambiamento carosello
- 14. come avere un col-md- * vuoto nel bootstrap
- 15. Quali sono le differenza tra col-lg e col-md in bootstrap3
- 16. Perché colgroup/col non funziona in Chrome
- 17. 100% altezza e CSS sul mobile
- 18. Colspan non funziona sul bootstrap table
- 19. Altezza riga bootstrap in percentuale
- 20. Modifica altezza riga tabella - Bootstrap
- 21. rimozione padding sinistro/destro su col-md-6 Bootstrap
- 22. È necessario aggiungere il selettore col-md in Bootstrap 3?
- 23. Come convertire il layout basato su tabella con Bootstrap "riga" e "col - * - *"
- 24. Posso dare il col-md-1.5 in bootstrap?
- 25. Bootstrap - ha una riga solo sul dispositivo di piccole dimensioni
- 26. calc() 100% + #px
- 27. Perché la classe media-body nel bootstrap ha larghezza 10.000px e la classe media ha overflow nascosto e zoom 1?
- 28. Twitter Bootstrap fisarmonica vetri a tutta altezza
- 29. Perché il contenitore perde 10px di altezza?
- 30. Qual è la differenza tra! Col e col = false in MySQL?
che rende perfettamente senso! Grazie! –
Alcuni test su Chrome, Firefox e Safari (mac) e IE 11 (PC) mostrano che potremmo cambiare questo a 0.1px e le colonne sarebbero ancora impedite dal collasso ... Richiede test su dispositivi Mobile/Tablet ma potrebbe essere una soluzione se l'altezza 1px sta causando un problema. – MarkP