Prise de Twitter Bootstrap Colonnes de la Même Hauteur

J'ai un ASP.NET MVC vue à la suite de Twitter Bootstrap layour:

<div class="container">
    <div class="container-fluid header">
        [Header content]
    </div>

    <div class="row-fluid">
        <div class="span9">
            <div class="container-fluid main-content">
                [Main Content]
            </div>
        </div>

        <div id="right-sidebar" class="span3">
            [Right Sidebar Content]
        </div>
    </div>
</div>

Mon problème est que mon [Contenu] est beaucoup plus grand que ma [barre de Droite de Contenu]. Depuis mon [barre de Droite de Contenu] a une couleur de fond différente, je préfère qu'il a couru tout le chemin vers le bas pour mon pied de page (sur toute la hauteur de mon [Contenu].)

J'ai essayé de réglage height: 100% dans la barre latérale, mais qui n'a eu aucun effet visible dans le navigateur Chrome. Quelqu'un peut-il voir comment atteindre cet objectif?

Égale hauteur des colonnes c'est un vieux problème dans le CSS. Il n'a rien à voir avec Bootstrap.
Vrai, mais peut-être Jonathan espérais que l'amorce a une accumulation de solution. au moins je l'ai fait 😉

OriginalL'auteur Jonathan Wood | 2013-02-02