我该如何使用Bootstrap 4这个画廊？

Question

我的作业是复制汽车品牌页面，所以我被困在这部分上。

我正在尝试使用.container和嵌套行来复制该画廊，但是我不明白，这是我的代码：

<div class="container-fluid">
            <div class="row">
              <figure class="col-6">
                  <img src="img/img8.jpg" class="img-fluid" alt="">
              </figure>
              <div class="col-6">
                  <div class="row">
                      <figure class="col-12">
                          <img class="col-5" src="img/img13.jpg" class="img-fluid" alt="">
                          <img class="col-5" src="img/img10.jpg" class="img-fluid" alt="">
                          <img class="col-5" src="img/img13.jpg" class="img-fluid" alt="">
                          <img class="col-5" src="img/img10.jpg" class="img-fluid" alt="">  
                      </figure>                    
                    </div>            
                </div>
              </div>                                                                        
          </div>

Answer 1

尝试这种模式，我认为它会有所帮助。

<div class="container main">

    <div class="row">
        <div class="col-sm-6">
           <img src="yours" alt="" class="img-responsive center-block">
        </div>
        <div class="row col-sm-6">
            <div class="col-xs-6">
              <img src="yours" alt="" class="img-responsive">
            </div>
            <div class="col-xs-6">
              <img src="yours" alt="" class="img-responsive">
            </div>
            <div class="col-xs-6">
              <img src="yours" alt="" class="img-responsive">
            </div>
            <div class="col-xs-6">
              <img src="yours" alt="" class="img-responsive">
            </div>
        </div>
    </div>
</div>