RTL Layout

  • 3
    Notifications
    • user

      Emay Walter liked your post

      10 minutes ago
    • user

      Allie Gratershared your post

      5 hours ago
    • user

      Colin Sikcommented on your post

      yesterday
    • Check all
  • 2
    user
    Jane Cooper

    active

    • user

      Hello.how are you?

    • user

      Hi, i'm fine.what about you?

    • user

      I am facing js issue can you help me?

    • user

      Sure, i will help you.

  • 2
    Cart
    empty
    Oops! Your cart empty!!!
  • profile

    Wade Warren

    UI Designer
user

Wade Warren

UI Designer

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

Card Footer