Bootstrap两列布局

Question

我有bootstrap列的问题.我想在此做这样的事的图片,我不知道如何做到这一点.非常感谢您的帮助.

Answer 1

您可以使用网格布局为您提供以下内容:

 <div class="row">
   <div class="col-xs-6">
     <div>Big Image Goes Here</div>
   </div>
   <div class="col-xs-6">
     <div class="col-xs-12">Little Image #1</div>
     <div class="col-xs-12">Little Image #2</div>
     <div class="col-xs-12">Little Image #3</div>
     <div class="col-xs-12">Little Image #4</div>
   </div>
 </div>

但是,您需要在图像中添加一些填充,以便为它们提供周围的白色区域.

这里解释了网格布局: 引导网格布局

这是一个JSFiddle示例.