[英]How can i set column length in grid according to number of items in my database?
我正试图从网格中的数据库中显示我的laravel项目上的横幅。 但问题是,如果我的数据库中有1个项目,我希望我的网格类为col-12,如果我的数据库中有多个项目,我希望类为col-6。
@if($status == 1)
<div style="background: {{$color}};">
<div class="container">
<div class="row">
@foreach($data['banners'] as $banner )
@if($banner->status==1)
<div class="col-6 p-1">
<div style="background-image:url(assets/images/{{$banner->bannerImage}});background-size: cover;height:55vh" class="jumbotron jumbotron-fluid">
<div class="container bannertext text-wrap">
<h1 class="">{{$banner->heading}}</h1>
<h3 class="">{{$banner->subHeading}}</h3>
<p class="lead">{{$banner->description}}</p>
</div>
</div>
</div>
@endif
@endforeach
</div>
</div>
</div>
@endif
我找到了解决方案。 检查数据库中的计数是否大于1,然后使用col-6 snippet,否则使用col-12片段。
@if(count($data['bannercount'])>1)
<div class="container">
<div class="row">
@foreach($data['banners'] as $banner )
<div class="col-6">
<div style="background-image:url(assets/images/{{$banner->bannerImage}});"
class="jumbotron jumbotron-fluid">
<div class="container bannertext text-wrap">
<h1 class="">{{$banner->heading}}</h1>
<h3 class="">{{$banner->subHeading}}</h3>
<p class="lead">{{$banner->description}}</p>
</div>
</div>
</div>
@endforeach
</div>
</div>
@else
<div class="row">
@foreach($data['banners'] as $banner )
<div class="col-12">
<div style="background-image:url(assets/images/{{$banner->bannerImage}});"
class="jumbotron jumbotron-fluid">
<div class="container bannertext text-wrap">
<h1 class="">{{$banner->heading}}</h1>
<h3 class="">{{$banner->subHeading}}</h3>
<p class="lead">{{$banner->description}}</p>
</div>
</div>
</div>
@endforeach
</div>
@endif
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.