تخطي إلى المحتوى الرئيسي

أمثلة

ابدأ مشروعًا سريعًا بأي من الأمثلة التي نوفرها بدءًا من استخدام أجزاء من إطار العمل إلى المكونات والتخطيطات المخصصة.

المقتطفات

أنماط شائعة لبناء المواقع والتطبيقات التي تعتمد على المكونات والأدوات المساعدة الحالية باستخدام CSS المخصص والمزيد.

الرؤوس

اعرض علامتك التجارية والتنقل والبحث والمزيد باستخدام مكونات الرأس هذه

أبطال

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

سمات

اشرح الميزات أو الفوائد أو التفاصيل الأخرى في المحتوى التسويقي الخاص بك.

الشريط الجانبي

أنماط التنقل الشائعة المثالية للتخطيطات غير المكشوفة أو متعددة الأعمدة.

التذييلات

أنهِ كل صفحة بقوة بتذييل رائع ، سواء كان كبيرًا أو صغيرًا.

هبوط قطرة

عزز القوائم المنسدلة بالفلاتر والرموز والأنماط المخصصة والمزيد.

قائمة المجموعات

قم بتوسيع مجموعات القوائم باستخدام الأدوات المساعدة والأنماط المخصصة لأي محتوى.

وسائط

تحويل النماذج لخدمة أي غرض ، من الجولات المميزة إلى الحوارات.

مكونات مخصصة

مكونات وقوالب جديدة تمامًا لمساعدة الأشخاص على بدء استخدام Bootstrap بسرعة وإظهار أفضل الممارسات للإضافة إلى إطار العمل.

البوم

قالب بسيط من صفحة واحدة لمعارض الصور والمحافظ والمزيد.

التسعير

مثال على صفحة تسعير تم إنشاؤها باستخدام البطاقات وتضم رأسًا وتذييلًا مخصصين.

الدفع

نموذج الخروج المخصص يوضح مكونات النموذج وميزات التحقق من صحتها.

منتج

صفحة تسويق Lean تركز على المنتج مع عمل شبكي وصورة مكثف.

التغطية

قالب من صفحة واحدة لإنشاء صفحات رئيسية بسيطة وجميلة.

دائري

قم بتخصيص شريط التنقل والعرض الدائري ، ثم أضف بعض المكونات الجديدة.

مقالات

مجلة مثل قالب المدونة مع العنوان والتنقل والمحتوى المميز.

لوحة القيادة

قذيفة لوحة تحكم المشرف الأساسية مع شريط جانبي ثابت وشريط التنقل.

تسجيل الدخول

تخطيط وتصميم نموذج مخصص لنموذج تسجيل دخول بسيط.

تذييل مثبت

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

نافبار تذييل مثبت

قم بإرفاق تذييل في الجزء السفلي من منفذ العرض باستخدام شريط التنقل العلوي الثابت.

جمبوترون

استخدم الأدوات المساعدة لإعادة إنشاء jumbotron الخاص بـ Bootstrap 4 وتحسينه.

نطاق

أمثلة تركز على تنفيذ استخدامات المكونات المضمنة التي يوفرها Bootstrap.

نموذج المبتدئين

لا شيء سوى الأساسيات: CSS و JavaScript مترجمان.

جريد

أمثلة متعددة لتخطيطات الشبكة مع المستويات الأربعة جميعها والتداخل والمزيد.

ورقة الغش

حوض المطبخ لمكونات Bootstrap.

ورقة الغش RTL

حوض المطبخ لمكونات Bootstrap ، RTL.

أخذ مكون شريط التنقل الافتراضي وإظهار كيف يمكن نقله ووضعه وتمديده.

نافبارس

عرض توضيحي لجميع خيارات الاستجابة والحاويات لشريط التنقل.

نافبار ثابت

مثال على شريط التنقل الفردي لشريط التنقل العلوي الثابت مع بعض المحتويات الإضافية.

Navbar ثابت

مثال على شريط التنقل الفردي مع شريط التنقل العلوي الثابت مع بعض المحتويات الإضافية.

نافبار القاع

مثال على شريط التنقل الفردي مع شريط التنقل السفلي مع بعض المحتويات الإضافية.

نافبار أوفكانفاس

قم بتحويل شريط التنقل القابل للتوسيع إلى قائمة منزلقة خارج الشاشة (لا تستخدم مكون offcanvas الخاص بنا).

RTL

راجع إصدار Bootstrap الخاص بـ RTL أثناء العمل مع أمثلة المكونات المخصصة المعدلة هذه.

لا تزال ميزة RTL قيد التجربة ومن المحتمل أن تتطور وفقًا لتعليقات المستخدمين. رصدت شيئا أو لديك تحسن لاقتراحه؟ افتح مشكلة ، يسعدنا أن نحصل على رؤيتك.

ألبوم RTL

قالب بسيط من صفحة واحدة لمعارض الصور والمحافظ والمزيد.

إتمام الشراء RTL

نموذج الخروج المخصص يوضح مكونات النموذج وميزات التحقق من صحتها.

رف دائري RTL

قم بتخصيص شريط التنقل والعرض الدائري ، ثم أضف بعض المكونات الجديدة.

مدونة RTL

مجلة مثل قالب المدونة مع العنوان والتنقل والمحتوى المميز.

RTL لوحة القيادة

قذيفة لوحة تحكم المشرف الأساسية مع شريط جانبي ثابت وشريط التنقل.

تكاملات

التكامل مع المكتبات الخارجية.

الماسونية

اجمع بين صلاحيات شبكة Bootstrap وتخطيط Masonry.


اذهب إلى أبعد من ذلك مع Bootstrap Themes

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

تصفح المواضيع
ثيمات Bootstrap