اذهب إلى المحتوى

ابو تركي_2020

الأعضاء
  • المساهمات

    96
  • تاريخ الانضمام

  • تاريخ آخر زيارة

  • عدد الأيام التي تصدر بها

    2

أجوبة بواسطة ابو تركي_2020

  1. بتاريخ 7 ساعات قال Nezar Madi:

    مرحبَا أبوتركي..

    هذا تنسيق (layout) بسيط جدًا قمت بتنفيذه الأن لعمل صفحة بنفس التنسيق الذي ترغبه :

    
    <body>
        <div class="row">
            <!-- عمود المحتوى -->
            <div class="col-9">
                <!-- الناف بار -->
                <div class="row">
                </div>
                <!-- المحتوى الرئيسي -->
                <div class="row">
                </div>
                <!-- الفوتر -->
                <div class="row">
                </div>
            </div>
            <!-- عمود القائمة الجانبية -->
            <div class="col-3">
            </div>
        </div>
    </body>

    طبعًا أنت بحاجة إلى إضافة محتوى حتى يظهر لك كيفية إصطفاف العناصر بعد ذلك بإمكانك إضافة التنسيقات المطلوبة للوصول إلى النتيجة التي ترغبها.

    الصفحة تتكون من صف رئيسي مقسم إلى عمودين العمود الأول على يسار الشاشة سيأخد مساحة 9 أعمدة من أصل 12 عمود أما العمود التاني سيظهر على يمين الشاشة و سيأخد مساحة 3 أعمدة ( المتبقية ).

    داخل العمود الأيسر قمنا بتقسيمه إلى 3 صفوف : الصف الأول للناف بار , الصف التاني للمحتوى , الصف الثالث للفوتر.

    أما العمود الأيمن بإمكانك وضع داخلة محتويات السايد بار.

    تحديث :

    اختفاء الديف الذي في الاعلى يكون هكذا عندما اعطي للناف بار fixed-top واذا أزلتها يعود الديف لوضعه الطبيعي 

    2020-09-11_0-30-06.png

  2. بتاريخ 15 ساعات قال Nezar Madi:

    مرحبًا..

    الرجاء إرفاق مثال لعمل قمت به و توضيح المشكلة التي تواجهك للوصول إلى النتيجة المرغوبة , حتى يتسنى لنا مساعدتك في إنجازه.

    هذا المطلوب 

    هل يمكن وضع تصور عام لأطبق لدي في الكود؟

    2020-09-10_16-51-02.png

  3. السلام عليكم ورحمة الله اخواني

    كيف اقوم بضبط التباعد ما بين الـ div الخاص بمحتوى الصفحة مع القائمة الجانبية sidebar

    حيث أنه في ال bootstrap هناك div يأخذ الكلاس container ولكن هذا يجعل المحتوى بعيد نوعا ما عند يمين ويسار الصفحة 

    يعني لو وضعت الsidebar في اليمين سيكون محتوى ال div الخاص بالمحتوى بعيد عن السايد بار 

     

    ولو استخدمت في ال div كلاس container-fluid سيأخذ محتوى الصفحة كاملا

     

    فكيف لي أن أوفق بين تقريب التباعد بين السايد بار و الديف الخاص بمحتوى الصفحة باستخدام ال bootstrap  ؟

     

    2020-09-09_23-29-05.png

  4. بتاريخ 2 ساعات قال عزام عبد الحافظ:

    مرحبًا @ابو تركي_2020,

    يجب عليك أن تستخدم الملفات داخل مجلد  dist فيه توجد الملفات الجاهزة للتوزيع و الإستخدام ,

    داخل مجلد js توجد ملفات جافا سكريبت  يمكنك إستخدام bootstrap.js او ملف مضغوط bootstrap.min.js يحمل مساحة أقل .

    أما ملفات التنسيقات هي داخل مجلد css الملف bootstrap.min.css , و داخل مجلد rtl يوجد التنسيقات التي تدعم اللغة العربية (من اليمين إلى اليسار).

    وملفات jquery أين أجدها وكيف أقوم بتضمينها؟

×
×
  • أضف...