這個問題有點類似于這一個，但我想知道是否有一個純CSS的解決方案，以引導兼容?；旧?，我有以下布局：在此處輸入圖片說明這是該頁面的HTML：<div class="menu row">    <div class="menu-category list-group col-lg-3 col-md-4 col-sm-6 col-xs-12">        <div class="menu-category-name list-group-item active">Category</div><a href="#" class="menu-item list-group-item">Lorem ipsum.<span class="badge">€ 0.00</span></a>        <a href="#" class="menu-item list-group-item">Lorem ipsum.<span class="badge">€ 0.00</span></a>        <a href="#" class="menu-item list-group-item">Lorem ipsum.<span class="badge">€ 0.00</span></a>        <a href="#" class="menu-item list-group-item">Lorem ipsum.<span class="badge">€ 0.00</span></a>        <a href="#" class="menu-item list-group-item">Lorem ipsum.<span class="badge">€ 0.00</span></a>        <a href="#" class="menu-item list-group-item">Lorem ipsum.<span class="badge">€ 0.00</span></a>        <a href="#" class="menu-item list-group-item">Lorem ipsum.<span class="badge">€ 0.00</span></a>    </div>    <div class="menu-category list-group col-lg-3 col-md-4 col-sm-6 col-xs-12">        <div class="menu-category-name list-group-item active">Category</div><a href="#" class="menu-item list-group-item">Lorem ipsum.<span class="badge">€ 0.00</span></a>        <a href="#" class="menu-item list-group-item">Lorem ipsum.<span class="badge">€ 0.00</span></a>        <a href="#" class="menu-item list-group-item">Lorem ipsum.<span class="badge">€ 0.00</span></a>        <a href="#" class="menu-item list-group-item">Lorem ipsum.<span class="badge">€ 0.00</span></a>    </div>    <div class="menu-category list-group col-lg-3 col-md-4 col-sm-6 col-xs-12">        <div class="menu-category-name list-group-item active">Category</div><a href="#" class="menu-item list-group-item">Lorem ipsum.<span class="badge">€ 0.00</span></a>        <a href="#" class="menu-item list-group-item">Lorem ipsum.<span class="badge">€ 0.00</span></a>    </div>如您所見，問題是，Bootstrap的行系統在此有點不方便。我希望這些類別以最佳方式堆疊。所以我的問題是：如何使用CSS做到這一點？砌體插件似乎很棒，但我想保留它用于計劃B。