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
src/html/partials/head-css.html
file.
<link href="assets/css/bootstrap-rtl.min.css" rel="stylesheet" type="text/css" />
<link href="assets/css/app-rtl.min.css" rel="stylesheet" type="text/css" />
and add the below attribute in the
src/html/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/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="assets/css/bootstrap-rtl.min.css" rel="stylesheet" type="text/css" />
<link href="assets/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">