اقوى قنوات في التليقرام
تعلم البرمجة وتصميم مواقع
🌹 @toptech11

📚📖 @englishschol تعلم الانجليزي

🟥 الموسس عثمان🟣

💢 @kurulusx تمويل قنوات
للاشتراك بالدعم
🖇 @alhamzys☑️

https://youtu.be/_NTRuQS7TkQ
طريقة التعامل مع القوائم
ul
ol
li
dl
لمشاهدة الفديو السابق
https://www.youtube.com/watch?v=JSJ_0zy3Vn0
لمتابعتنا على التيليجرام
https://news.1rj.ru/str/toptech11
للتواصل والاستفسار
http://t.me/alsharai11

ما هو Bootstrap ؟

Bootstrap عبارة عن إطار عمل (Framework) مجاني يستخدم لتسهيل عملية تصميم صفحات الويب على المطور حيث يوفر له كلاسات CSS جاهزة يمكنه إستخدامها لإظهار العناصر (Components) التي نضيفها في الصفحات بشكل جميل جداً و متجاوب مع حجم الصفحة (Responsive) مثل الأزرار (Buttons), مربعات النص (Text Fields), القوائم المنسدلة (Drop Down Menus) و غيرها من الأشياء المساعدة مثل رسائل التنبيهات التي نظهرها للمستخدم.

إذاً التصميم الذي تعتمد على Bootstrap لبنائه, سيظهر بشكل جميل على جهاز المستخدم سواء كان يستخدم هاتف, حاسوب أو تابلت أو أي جهاز آخر.

هذا الإطار مدعوم من شركة Twitter و هو متاح بشكل جاهز و مجاني للجميع و دائماً ما يتم تطويره و إضافة المزيد من المزايا عليه, و حتى هذه اللحظة الإصدار 4.4.1 هو آخر إصدار رسمي له.

 

معلومة تقنية

إطار Bootstrap يعتبر Front-End لأنه يستخدم في تصميم واجهة المستخدم و ليس في برمجته.

بشكل عام, إطار Bootstrap يتكون من لغة HTML و لغة CSS و لغة Javanoscript و هو يعتمد على مكتبات أخرى متوفرة مثل مكتبة Jquery و PopperJs و لكن طبعاً أنت كمطور لا يهمك إطلاقاً معرفة طبيعة العلاقة بينهم لأنها مسؤولية مطوري Bootstrap و ليس المطورين الذين يستخدموه.

و للعلم فإن Bootstrap يعتمد على Jquery من أجل المؤثرات التي يضيفها للتصاميم و أي شيء يتعلق بالإخفاء و الإظهار, و يعتمد على PopperJs من أجل تحسين تجربة المستخدم بالنسبة لشاشات اللمس (Touch Screen) كأن يتعامل المستخدم مع صفحتك من خلال هاتفه أو أي جهاز لوحي.

https://youtu.be/DerQYUqx_Kw
سيتم تصميم قائمة جانبية حيث تم استخدام
html
css
display:block
background-color
color
Padding
margin
لمشاهدة الفديو السابق
https://youtu.be/_NTRuQS7TkQ
لمتابعتنا على التيليجرام
https://news.1rj.ru/str/toptech11
للتواصل والاستفسار
http://t.me/alsharai11

https://youtu.be/XSDKeue-diw
سيتم تصميم قائمة افقية حيث تم استخدام
html
css
display:inline-block
background-color
color
Padding
margin
لمشاهدة الفديو السابق
https://youtu.be/DerQYUqx_Kw
لمتابعتنا على التيليجرام
https://news.1rj.ru/str/toptech11
للتواصل والاستفسار
http://t.me/alsharai11

عيدكم مبارك و كل عام و انتم بخير🌹🌹🌹

في زاوية بجهنم اسمها والله تلفوني كان صامت وما انتبهت والله
هي مقعد لاكثر النا๛
😂 😂 😂 😂 😂 😂

واحد كل مايروح لعند رفيقو بيلاقيه صايم
سألو شو قصتك انت والصيام شو كم سنة عليك قضاء
قلو ابدا ماعليي ولا يوم قضاء بس مرتي كل يومين والتالت بتسألني انا حلوة بقول اي
بتقلي حليف
بحلف وبعدها بصوم تلات ايام كفارة
😂 😂 😂 😂 😂 😂

خلفيات وتهاني وتصاميم العيد
https://news.1rj.ru/str/joinchat/AAAAAEACSI23pH3TJPzFBQ

اجمل قناة بالتليجرام 🎁

ومضات_النابلسي🖼
--------
للاشتراك 🔰🎁بالستة للقنوات المتفاعلة