如何解决如何在移动设备上正确对齐这些箭头
我在对齐轮播项目时遇到问题..它们在移动设备上的显示效果不佳
<div class="row">
<div class="col-12">
<div class=" owl-carousel custom-arrow" id="trending-slider">
@foreach($trending as $product)
<div class="item">
<div class="trending-product">
<div class="add-wish">
<form class="addtowishlist-form">
{{csrf_field()}}
@if(Session::has('uniqueid'))
<input type="hidden" name="uniqueid" value="{{Session::get('uniqueid')}}">
@else
<input type="hidden" name="uniqueid" value="{{str_random(7)}}">
@endif
<input type="hidden" name="title" value="{{$product->title}}">
<input type="hidden" name="product_id" value="{{$product->id}}">
<input type="hidden" name="user_id" value="">
<input type="hidden" id="cost" name="cost" value="{{$product->price}}">
<i class="fa fa-heart-o product-addWishlist-btn to-wishlist" id="{{$product->id}}" aria-hidden="true" att="0"></i>
</form>
</div>
<a href="{{url('/product')}}/{{$product->id}}/{{$product->title}}"> <img class="img-responsive" src="{{url('/timthumb.PHP?src=/assets/images/products')}}/{{$product->feature_image}}&w=700&h=443" alt="Product Image">
<h5>{{$product->title}}</h5></a>
<p> {{ substr(str_replace(' ',' ',strip_tags($product->description)),600)}}</p>
<ul class="price-list">
<li><i class="fa fa-dollar"></i>{{$product->price}}</li>
@if($product->rocketdelivery == 'yes')
<li>
<img class="rocket-delivery" src="{{ URL::asset('kumba/images/rocket-delivery.png')}}">
</li>
@else
<li></li>
@endif
</ul>
@if($product->bylocal == 'yes')
<img class="buy-local" src="{{ URL::asset('kumba/images/buy-local.png')}}">
@endif
<div class="ratings">
<div class="empty-stars"></div>
<div class="full-stars" style="width:{{\App\Review::ratings($product->id)}}%">
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。