Как выровнять высоту span-элементов внутри row-fluid?

Question

[Дмитрий]

Есть конструкция:

<div class="row-fluid">
   <div class="span3">......</div>
   <div class="span9">......</div>
</div>

Как подогнать высоту всех span-элементов внутри row-fluid по наибольшей высоте?
Делал внутри span - height:100%; min-height:100%; - не помогло, на inherit тоже никак не реагирует.

Answer 1

[Сергей delphinpro]

* задать конкретную высоту ячейкам.
* задать конкретную высоту строке, а ячейкам - 100%
* не использовать в этом месте бутстрап, сверстать таблицей (display:table + table-cell) или флексами.
* считать джаваскриптом

Comments

[Дмитрий]

Задать конкретную высоту не получится, так как ячейки по высоте должны тянуться в зависимости от контента.
Извините за вопрос, я не верстальщик, я только учусь, в данном случае row-fluid не является разве строкой, а span-ы ячейками внутри этой строки?
скрипт не хотелось бы использовать (я так понимаю для вычисления высоты текущей строки), так как это таксономия woocommerce, кто знает сколько элементов на страницу выберет пользователь. Лишняя нагрузка на клиента.

[Сергей delphinpro]

не используйте бутсрап в этом месте (измените классы) и сверстайте таблицами.
вот пример jsfiddle.net/v3om0wnx

[Mokhirjon Naimov]

Сергей Мощно!

[Дмитрий]

Все на столько просто! Спасибо, буду пробовать.

[Сергей delphinpro]

percentage(9/12); - это sass-функция. для css заранее посчитайте значение: 9*100/12 ->
width: 75%

Answer 2

[Владимир Сергеевич]

Не знаю, пригодится или нет.. но лови https://jsfiddle.net/VladimirZhid/28q22gsu/
Думаю, что в коде все понятно. В скрипте просто заменишь .st на свой класс.

Comments

[Дмитрий]

Спасибо. Не похоже на резиновое, но тем не менее в контексте моего вопроса так же удовлетворяет решению. Как доработать решение, чтобы блоки при определенном разрешении экрана выстраивались друг под другом? Если не затруднительно. Хотелось бы чтобы на мобильном сайт оставался удобочитаемым. Я по этому bootstrap использовал.