我正在一个校友门户网站上工作,我需要显示委员会成员的详细信息。我需要在一行中打印4个成员,在下一行中打印下4个成员。任何解决方案都会有帮助。
<h2>Member Details</h2>
<div class="jumbotron container">
<div class="pull-right">
<a class="btn btn-primary" data-toggle="modal" id="mediumButton" data-target="#mediumModal" data-attr="{{ route('add_details')}}" title="Add Institute Details"> <i class="fas fa-plus-circle"></i>
</a>
</div>
<div class="container main" id="wrapper">
@foreach ($members as $member)
<div class="img-box">
<pre>
<img src="/uploads/image/{{ $member->image }}" width="100" height="100"/>
{{ $member->id }}<br/>
<a> {{ $member->name }}</a>
<!-- @if(($member->id) >=5 )
<span style="white-space: pre-line">
</span>
@endif
</pre> -->
</div>
@endforeach
</div>
</div>
2条答案
按热度按时间nzkunb0c1#
如果使用Bootstrap,请尝试以下操作
bqf10yzr2#
添加“显示:网格;“添加到容器“div”标记中。您需要定义该属性。