RTL Version
RTL Setup using gulp
RTL
To make the default RTL version just follow the below steps.
Update the below css file links in the
templates/partials/base.html
file.
<link href="{% static 'css/bootstrap-rtl.min.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/app-rtl.min.css' %}" rel="stylesheet" type="text/css">
and add the below attribute in the
templates/partials/base.html
file to
html tag
.
dir="rtl"
so you final html tag will be
<html dir="rtl">
RTL Setup in the dist folder
To make the default RTL version just follow the below steps in the dist folder
Update the below css file links in all html files.
<link href="{% static 'css/bootstrap-rtl.min.css' %}" rel="stylesheet" type="text/css" >
<link href="{% static 'css/app-rtl.min.css' %}" rel="stylesheet" type="text/css" >
and add the below attribute in the html tag.
html tag
.
dir="rtl"
so you final html tag will be
<html dir="rtl">