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'%}" id="bootstrap-style" rel="stylesheet" type="text/css" />
<link href="{% static 'css/app-rtl.min.css'%}" id="app-style" rel="stylesheet" type="text/css" />
and add the below attribute in the
src/partials/main.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'%}" id="bootstrap-style" rel="stylesheet" type="text/css" />
<link href="{% static 'css/app-rtl.min.css'%}" id="app-style" 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">