Loading...

### RTL Layout

##### Tip!

Add the dir="rtl" to the html tag to get this layout.

#### How to use it?

##### Step 1

On this layout, First of all you have to add the class rtl attribute in body tag

##### Step 2

Contents are change right to left from left to right respectively

##### Step 3

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

##### Step 4

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 -->