Я, вероятно, упускаю здесь что-то очевидное, но я заметил странный эффект при изменении гибкого макета на display:table
и ячейку таблицы. (как описано здесь, здесь, показано здесь.
Попробуйте добавить ячейки display:table и table-cell к существующему гибкому макету, и строка сожмется и фактически не увеличится в высоту. Например, если вы перейдете на http://odetocode.github.io/bootstrap-samples/samples/bootstrap-layout.html и установите флажки для всех таблиц стилей вверху, затем добавьте пару правил для селекторов в инспекторе:
.row { display:table-row;}
.row >div {display:table-cell;}
и добавьте немного содержимого в одну из ячеек, вы увидите, что это на самом деле не увеличивает высоту, и, как ни странно, добавление display:table или table-row фактически делает строку менее широкой по какой-то причине?
Я вижу какую-то недокументированную функцию таблицы css, или что-то в стиле бутстрапа просто несовместимо с этим типом динамического исправления высоты?