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

سيد عشرى · 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

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية