English

الأعمدة

يقسم المحتوى إلى أعمدة، فيسهل تنظيمه ويحسن بنيته وترتيبه ويجعل قراءته أيسر.

العرض الكامل

تمنحك الأعمدة مرونة كاملة في ترتيب محتوى صفحاتك، إذ يمكنك عرض النصوص والصور والعناصر المختلفة جنبا إلى جنب بطريقة منظمة وجذابة. ويساعد التقسيم المدروس للمساحة على توجيه عين القارئ نحو أهم المعلومات، ويجعل تصفح الصفحة أسهل وأكثر متعة. كما تتكيف الأعمدة تلقائيا مع مختلف أحجام الشاشات، من أجهزة الحاسوب المكتبية إلى الهواتف الذكية، لتحافظ على مظهر متناسق وقراءة مريحة في كل الأحوال. اختر العرض الكامل للفقرات الطويلة والمحتوى الرئيسي، أو قسم المساحة إلى أعمدة متساوية أو غير متساوية بحسب طبيعة المحتوى وأهدافك.

نصف العرض
1/2

يقسم هذا التخطيط المساحة إلى عمودين متساويين، وهو خيار مثالي لعرض محتويين متكاملين جنبا إلى جنب، كنص وصورة أو خدمتين مختلفتين، مع الحفاظ على توازن بصري مريح يسهل على الزائر المقارنة والقراءة.

1/2

يقسم هذا التخطيط المساحة إلى عمودين متساويين، وهو خيار مثالي لعرض محتويين متكاملين جنبا إلى جنب، كنص وصورة أو خدمتين مختلفتين، مع الحفاظ على توازن بصري مريح يسهل على الزائر المقارنة والقراءة.

ثلث العرض
1/3

يوزع هذا التخطيط المحتوى على ثلاثة أعمدة متساوية، ليكون خيارا مناسبا لعرض المميزات أو الخدمات أو الإحصاءات بصورة مختصرة ومنظمة تلفت الانتباه.

1/3

يوزع هذا التخطيط المحتوى على ثلاثة أعمدة متساوية، ليكون خيارا مناسبا لعرض المميزات أو الخدمات أو الإحصاءات بصورة مختصرة ومنظمة تلفت الانتباه.

1/3

يوزع هذا التخطيط المحتوى على ثلاثة أعمدة متساوية، ليكون خيارا مناسبا لعرض المميزات أو الخدمات أو الإحصاءات بصورة مختصرة ومنظمة تلفت الانتباه.

ربع العرض
1/4

تتيح لك أربعة أعمدة متساوية عرض عناصر قصيرة ومتعددة في صف واحد، كالأيقونات أو بطاقات الفريق أو أرقام الإنجازات، بشكل مرتب وسهل التصفح.

1/4

تتيح لك أربعة أعمدة متساوية عرض عناصر قصيرة ومتعددة في صف واحد، كالأيقونات أو بطاقات الفريق أو أرقام الإنجازات، بشكل مرتب وسهل التصفح.

1/4

تتيح لك أربعة أعمدة متساوية عرض عناصر قصيرة ومتعددة في صف واحد، كالأيقونات أو بطاقات الفريق أو أرقام الإنجازات، بشكل مرتب وسهل التصفح.

1/4

تتيح لك أربعة أعمدة متساوية عرض عناصر قصيرة ومتعددة في صف واحد، كالأيقونات أو بطاقات الفريق أو أرقام الإنجازات، بشكل مرتب وسهل التصفح.

ثلث العرض / ثلثا العرض
1/3

يوزع هذا التخطيط المحتوى على ثلاثة أعمدة متساوية، ليكون خيارا مناسبا لعرض المميزات أو الخدمات أو الإحصاءات بصورة مختصرة ومنظمة تلفت الانتباه.

2/3

يجمع هذا التخطيط بين عمود ضيق يشغل ثلث المساحة وعمود أوسع يشغل الثلثين، وهو مثالي عندما تريد وضع عنوان أو قائمة مختصرة بجوار محتوى تفصيلي. ويمنحك هذا التوزيع غير المتساوي تسلسلا بصريا واضحا، إذ يلفت العمود الأوسع الانتباه إلى المحتوى الأساسي، بينما يقدم العمود الأضيق معلومات داعمة أو روابط سريعة تساعد الزائر على التنقل بسهولة.

ثلاثة أرباع العرض / ربع العرض
3/4

يخصص هذا التخطيط ثلاثة أرباع المساحة للمحتوى الرئيسي، ويترك الربع الأخير لعمود جانبي يمكنك استخدامه للقوائم أو الإعلانات أو الروابط المفيدة. ويناسب هذا الأسلوب صفحات المقالات والمدونات والمتاجر، حيث يحظى المحتوى الأساسي بالمساحة الأكبر دون أن تغيب المعلومات الإضافية عن نظر الزائر. ومع التصميم المتجاوب، تنتقل الأعمدة تلقائيا لتظهر فوق بعضها على الشاشات الصغيرة، فتبقى القراءة مريحة على جميع الأجهزة.

1/4

يمكنك الجمع بين أعمدة مختلفة الأحجام لبناء تخطيطات مرنة تناسب طبيعة المحتوى.

بنية الشبكة
.col-lg-1
.col-lg-1
.col-lg-1
.col-lg-1
.col-lg-1
.col-lg-1
.col-lg-1
.col-lg-1
.col-lg-1
.col-lg-1
.col-lg-1
.col-lg-1
.col-lg-2
.col-lg-2
.col-lg-2
.col-lg-2
.col-lg-2
.col-lg-2
.col-lg-3
.col-lg-3
.col-lg-3
.col-lg-3
.col-lg-4
.col-lg-4
.col-lg-4
.col-lg-5
.col-lg-5
.col-lg-2
.col-lg-6
.col-lg-6
.col-lg-1
.col-lg-11
.col-lg-2
.col-lg-10
.col-lg-3
.col-lg-9
.col-lg-4
.col-lg-8
.col-lg-5
.col-lg-7