Twitter Bootstrap相對寬度

Question

我有兩列（A和B），我會讓它們依賴於內容 - 圖像（1,2,3）。 例如，當3張圖片 - 然後第一列 - 30％的寬度，二 - 70％， 當2張圖片 - 20％/ 80％ 當1個PIC - 10％/ 90％ 圖片

感謝。

Answer 1

我不認爲Bootstrap是實現這種佈局的最佳選擇。這是最接近我能得到它

<div class="container"> 
<div class="row"> 
    <div class="col-lg-6"> 
    <div class="row"> 
    <div class="col-lg-4"> 
    <img src="#" /> 
    </div> 
    <div class="col-lg-4"> 
    <img src="#" /> 
    </div> 
    <div class="col-lg-4"> 
    <img src="#" /> 
    </div> 
    </div> 
    </div> 
    <div class="col-lg-6">right</div> 
</div> 
<div class="row"> 
    <div class="col-lg-6"> 
    <div class="row"> 
    <div class="col-lg-4"> 
    <img src="#" /> 
    </div> 
    <div class="col-lg-4"> 
    <img src="#" /> 
    </div> 
    </div> 
    </div> 
    <div class="col-lg-6">right</div> 
</div> 
<div class="row"> 
    <div class="col-lg-6"> 
    <div class="row"> 
    <div class="col-lg-4"> 
    <img src="#" /> 
    </div> 
    </div> 
    </div> 
<div class="col-lg-6">right</div> 
</div>