Zurb Foundation - элементы эквалайзера смещены по вертикали

Question

Я пытаюсь использовать эквалайзер, чтобы установить два div элементы должны быть одинаковой высоты. Во-первых, используя data-equalizer а также data-equalizer-watch атрибуты, которые не сработали. Так что я уже знаю, что в документации не хватает чего-то важного. Прочесывая сеть, я нашел кое-что о data-equalize-on-stack="true" так что я использовал это, и он получил правильную высоту, но теперь высота элементов смещена по вертикали, и я в конце.

Два <div>ниже, которые отмечены data-equalizer-watch Атрибут должен быть одинаковой высоты и иметь одинаковую верхнюю позицию.

Используя следующий код (в C# Razor):

<div class="detail-content-container" data-equalizer data-equalize-on-stack="true">
    <div class="detail-content-header" data-equalizer-watch>
        Details
    </div>
    <div class="detail-content" data-equalizer-watch>
           <div class="detail-line">
                    Some label and data
            </div>
            <div class="detail-line">
                    Some other label and data
            </div>
            <div class="detail-line">
                    Even more label and data
            </div>
    </div>
</div>

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