Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 推特引导相对宽度_Twitter Bootstrap_Width - Fatal编程技术网

Twitter bootstrap 推特引导相对宽度

Twitter bootstrap 推特引导相对宽度,twitter-bootstrap,width,Twitter Bootstrap,Width,我有两列(A和B),我会让它们依赖于内容图像(1,2,3)。 例如,当3张图片-然后是第一列-30%宽度,第二列-70%, 当2张图片时-20%/80% 当1个pic时-10%/90% 形象 谢谢。我不认为引导是实现这种布局的最佳选择。这是我能得到的最接近的了 <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="row"> &l

我有两列(A和B),我会让它们依赖于内容图像(1,2,3)。 例如,当3张图片-然后是第一列-30%宽度,第二列-70%, 当2张图片时-20%/80% 当1个pic时-10%/90% 形象


谢谢。

我不认为引导是实现这种布局的最佳选择。这是我能得到的最接近的了

<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>

正确的
正确的
正确的