我怎样才能用 bootstrap 4 做这个画廊?
How can i do this gallery with bootstrap 4?
我有一个作业是复制汽车品牌页面,所以我卡在了这部分..
我正在尝试使用 .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>
试试这个模式,我认为它有帮助。
<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>
我有一个作业是复制汽车品牌页面,所以我卡在了这部分..
我正在尝试使用 .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>
试试这个模式,我认为它有帮助。
<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>