twitter-bootstrap - Twitter Bootstrap 相对宽度

Question

我有两列（A 和 B），我会让它们依赖于内容 - 图像（1,2,3）。例如，当 3 张图片 - 然后第一列 - 30% 宽度，第二列 - 70%，当 2 张图片 - 20%/80% 当 1 张图片 - 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>