Próbuję stworzyć projekt 2 kolumnowy (używającTwitter Bootstrap) z 2 kolumnami o równej wysokości.

Weźmy ten przykład:

<div class="row-fluid">
    <div class="span2">
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
            <li>Item 4</li>
        </ul>
    </div>

    <div class="span10">
        test
    </div>
</div>

Ponieważ.span2 jest najwyższą z dwóch kolumn.row-fluid rozciągnij, aby dostosować się do jego wysokości. Po przeczytaniuTen artykuł, Spodziewałem się tego ustawieniamin-height: 100% na.span10 sprawi, że rozciągnie się do pełnej wysokości, ale nie:

http://jsfiddle.net/WTNeB/1/

Dlaczego? Jakiekolwiek rozwiązanie.span10 rozciągnij się na wysokość macierzystą, unikając ustawiania stałej wysokości, aby utrzymać ten projekt elastyczny?