RTL Version
RTL Setup using gulp
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/default folder ( you can use any other folder too instead of the default version).
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">