تغيير اتجاهات الكتابة في بوتستراب

سيد عشرى · 21 أبريل 2020

كيف تتغلب على مشكله الكتابه من اليمين للشمال فى البوتستراب ؟حيث وجدت حل لها ولكن كان يتعامل مع اصدرات النسخه الثالثه من البوتستراب وليس النسخه الحاليه ؟

عزام عبد الحافظ · 25 أبريل 2020

يمكنك حل مشكلة الكتابة من اليمين إلى الشمال فى البوتستراب الإصدار الرابع بشكل كامل في خطوتين :

أولًا يجب تغيير خصائص ال dir و lang في html إلى

<html dir="rtl" lang="ar">

و إرفاق هذا الرابط الذي يجعل بوتستراب يدعم من اليمين إلى الشمال بشكل كامل, ضعه بعد CSS الخاص لبوتستراب

<!--Boostrap RTL support -->
<link id="rtl_link" rel="stylesheet" href="https://cdn.rtlcss.com/bootstrap/v4.2.1/css/bootstrap.min.css" integrity="sha384-vus3nQHTD+5mpDiZ4rkEPlnkcyTP+49BhJ4wJeJunw06ZAp+wzzeBPUXr42fi8If" crossorigin="anonymous">

المثال كامل :

<!DOCTYPE html>
<html dir="rtl" lang="ar"> <!-- دعم اللغة العربية , و من اليمين إلى الشمال-->
    <head>
      
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <!-- CSS البوتستراب-->
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
        
        <!--رابط يدعم من اليمين إلى الشمال -->
        <link id="rtl_link" rel="stylesheet" href="https://cdn.rtlcss.com/bootstrap/v4.2.1/css/bootstrap.min.css" integrity="sha384-vus3nQHTD+5mpDiZ4rkEPlnkcyTP+49BhJ4wJeJunw06ZAp+wzzeBPUXr42fi8If" crossorigin="anonymous">
    
    </head>
    <body>
        <h1>مرحباً</h1>
    </body>
</html>

Mohamd Imran · 22 أبريل 2020

مرحبا @سيد عشرى

يوجد عدة طرق لحل ذلك ,يمكنك عمل ملفات ستايل منفصلة للغة العربية rtl وتحديد العناصر التي تريدها لتغيير الإتجاه لRTL ,أو يمكنك إستخدام ثيم بوتستراب الاصدار 4 RTL يمكنك الحصول عليه من Github هنا يدعم اللغة العربية

تحياتي

Mohammed Saber6 · 2 مايو 2020

السلام عليكم ورحمة الله وبركاته هناك اكثر من طريقة لعمل ذلك

1/ تغيير الإتجاه من ملف ال HTML نفسها عن طريق

<html dir='rtl' lang='ar'><html/>

rtl تعنى right to left أى من اليسار إلي اليمين - أما عن lang='ar' فتعني أن اللغة التي سيتم إستخدامها هي اللغة العربية

2/ تغيري الإتجاه من ملف ال css

*, body, html {
	direction: rtl
}

ال * تعنى جميع العناصر و body and html تعنى الصفحة بالإجمال

2/ الحل الثالث والشامل وهو أن تستخدم مكتبة Bootstrap التي تدعم الكتابة من اليمين إلى اليسار وستجد التفاصيل هنا للمعلومات الكاملة
bootstrap.rtlcspre widgets.com

تغيير اتجاهات الكتابة في بوتستراب

السؤال

سيد عشرى

رابط هذا التعليق

شارك على الشبكات الإجتماعية

3 أجوبة على هذا السؤال

Recommended Posts

عزام عبد الحافظ

رابط هذا التعليق

شارك على الشبكات الإجتماعية

Mohamd Imran

رابط هذا التعليق

شارك على الشبكات الإجتماعية

Mohammed Saber6

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية