использование псевдоэлементов строки bootstrap


Я задаюсь вопросом и не знаю ответа для строки Bootstrap Grid, используя Display: table and content: "" для их псевдо-элементов (после и до). Почему он использует таблицу отображения там .

.row:after,.row:before{
display:table;
}
Может ли кто-нибудь объяснить, почему они используют ?
1 3

1 ответ:

.ряд:до, .строка: после { display: table;}

Это поддерживается всеми браузерами, кроме IE (6/7). Он генерирует псевдо-элемент до и после содержимого элемента, содержащего поплавки. Настройка отображения: таблица создает анонимную ячейку таблицы и новый контекст форматирования блока. Это предотвращает коллапс верхнего поля и улучшает согласованность между современными браузерами и IE(6/7).