Add the dir="rtl" to the html tag and class="rtl" to body tag to get this layout.
On this layout, First of all you have to add the class rtl attribute in body tag
Contents are change right to left from left to right respectively
when you want to change spacing left to right at that right left spacing you have to unset css and apply right spacing in css
Sometimes js are not change directly with text-align css,so that time you have to copy js and change the class as rtl="true".
<!-- Cod Box Copy begin -->
<div class="card-body">
<h5>Step 1</h5>
<p>On this layout, First of all you have to add the class rtl in body tag</p>
<h5>Step 2</h5>
<p>Contents are change right to left from left to right respectively</p>
<h5>Step 3</h5>
<p>when you want to change spacing left to right at that right left spacing you have to unset css and apply right spacing in css</p>
<h5>Step 4</h5>
<p>Sometimes js are not change directly with text-align css,so that time you have to copy js and change the class as rtl="true".</p>
</div>
<!-- Cod Box Copy end -->