我有这个课程,我需要从rtl和ltr更改方向,如何使用CSS做到这一点?
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet"/>
<div class="services" >
<div class="row" >
@foreach($services as $service)
<div class="col-xs-6 col-sm-3">
<div class="item">
<div class="img"><img src="{{$service->get_image->src}}" alt="">
</div>
<h3><a href="">{{$service->name}}</a></h3>
<div class="btns">
<a href="{{route('service.details',$service->id)}}" class="btn btn-xs btn-warning">{{trans('web.details')}} </a>
<a href="{{route('service.form',$service->id)}}" class="btn btn-xs btn-success">{{trans('web.login_service')}} </a>
</div>
</div>
</div>
@endforeach
</div>
</div>
答案 0 :(得分:0)
使用css方向属性w3 schools
<div style="direaction:rtl;">olleH</div>
或作为班级名称
<div class="rtl">olleH</div>
在您的样式表中
.rtl{direction:rtl;}
答案 1 :(得分:0)
u可以使用direction:ltr
来改变方向,但是如果所有页面都出现问题
您需要更改HTML目录
<html lang="en" dir="ltr">