我想获取我的产品并使用滑块循环所有产品。我正在尝试使用 @foreach 函数获取所有产品,但我没有获得原始滑块的确切视图。请帮助我如何执行此滑块循环。我附上了原来的用户界面并尝试了代码。
原始HTML代码
<div class="carousel slide media-carousel" id="media">
<div class="carousel-inner">
<div class="item active">
<div class="row">
<div class="col-md-4">
<h4 style=" text-align: center; font-weight: 600 !important;">Product Name</h4>
<a class="thumbnail" href="#"><img alt="" src="./images/cap.jpg"></a>
<p style=" text-align: center; font-size: 15px;">Product Description</p>
<a href="#" class="btn-1">Enquiry Basket</a>
</div>
<div class="col-md-4">
<h4 style=" text-align: center; font-weight: 600 !important;">Product Name</h4>
<a class="thumbnail" href="#"><img alt="" src="./images/cap.jpg"></a>
<p style=" text-align: center; font-size: 15px;">Product Description</p>
<a href="#" class="btn-1">Enquiry Basket</a>
</div>
<div class="col-md-4">
<h4 style=" text-align: center; font-weight: 600 !important;">Product Name</h4>
<a class="thumbnail" href="#"><img alt="" src="./images/cap.jpg"></a>
<p style=" text-align: center; font-size: 15px;">Product Description</p>
<a href="#" class="btn-1">Enquiry Basket</a>
</div>
</div>
</div>
我的问题每行只能显示 3 个产品。第一个活动行有 3 个图像,其他行各有 3 个产品详细信息。
慕码人8056858