راست به چپ

  2. طرح صفحه
  3. راست به چپ

چگونه از آن استفاده کنیم؟

مرحله ۱

در این چیدمان، ابتدا باید کلاس rtl را به تگ body اضافه کنید.

مرحله ۲

محتواها به ترتیب از راست به چپ تغییر می‌کنند.

مرحله ۳

وقتی بخواهید فاصله‌ها را از چپ به راست تغییر دهید، باید CSS قبلی را حذف کرده و فاصله راست را در CSS اعمال کنید.

مرحله ۴

گاهی اوقات جاوااسکریپت مستقیماً با text-align تغییر نمی‌کند، در این مواقع باید JS را کپی کرده و کلاس آن را به rtl="true" تغییر دهید.

<!-- Cod Box Copy begin -->
                    <div class="card-body">
                    <h4>مرحله ۱</h4>
                    <p>در این چیدمان، ابتدا باید کلاس rtl را به تگ body اضافه کنید.</p>
                    <h4>مرحله ۲</h4>
                    <p>محتواها به ترتیب از راست به چپ تغییر می‌کنند.</p>
                    <h4>مرحله ۳</h4>
                    <p>وقتی بخواهید فاصله‌ها را از چپ به راست تغییر دهید، باید CSS قبلی را حذف کرده و فاصله راست را در CSS اعمال کنید.</p>
                    <h4>مرحله ۴</h4>
                    <p>گاهی اوقات جاوااسکریپت مستقیماً با text-align تغییر نمی‌کند، در این مواقع باید JS را کپی کرده و کلاس آن را به rtl="true" تغییر دهید.</p>
                    </div>
                    <!-- Cod Box Copy end -->
پاورقی کارت