20 Cool Free Bootstrap 4 أمثلة Carousel 2021
نشرت: 2021-07-22اعرض شرائح الصور والنصوص بشكل لافت للنظر باستخدام قوالب Bootstrap 4 الدائرية المطورة بعناية.
نظرًا لأننا لم نتمكن من العثور على أمثلة كافية لإنشاء مجموعة قوية ، فقد أنشأنا 20 أنفسنا.
كان لدينا الحرية لعمل العديد من الاختلافات المختلفة. باختصار ، لدينا شيء للجميع.
لقد حرصنا أيضًا على أن تشمل الدوارات لدينا ما يلي:
- الرسم المتجاوب
- الرسوم المتحركة
- تشغيل تلقائي
- السهام
- معاينات الصور المصغرة (ليست كلها)
لديك أيضًا الحق في تخصيص القوالب ، مما يجعلها أكثر إثارة.
اعرض المنتجات وعناصر المحفظة والشهادات والعناصر الأخرى على موقع الويب الخاص بك مثل الرئيس.
لا. مال. أنفق.
أفضل قوالب Bootstrap 4 Carousel المجانية
دائري V01.0
يقوم Carousel V01 بعمل رائع إذا كنت تبحث عن إضافة شريط تمرير FULL-SCREEN إلى تطبيق الويب الخاص بك. ما هو رائع ، إنه يعمل مع الصور المنزلقة والنص المنزلق بشكل فردي.
يمكنك استخدام كليهما أو اختيار واحد فقط - الأمر متروك لك تمامًا . هذا يوضح فقط أن Carousel V01 قادر على أكثر من شيء واحد لتستفيد منه بالكامل.
أيضًا ، يحدث الانزلاق إما عن طريق سحب الشرائح يدويًا ، ولكنها تدور تلقائيًا أيضًا.
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V02.0
يعد عرض محفظتك باستخدام دائري أمرًا سهلاً بمجرد اختيارك لـ Carousel V02. مقتطف Bootstrap الأنيق هذا مجاني ويأتي مع رمز سهل الاستخدام.
المبتدئين والمهنيين ، اهلا وسهلا بكم.
علاوة على ذلك ، يأتي Carousel V02 أيضًا بمؤشرات يمنى ويسرى وتأثير نقرة يعرض أيقونة قابلة للنقر.
يعد هذا أمرًا رائعًا إذا كنت ترغب في ربط كل دائرة بأقسام مختلفة من محفظتك عبر الإنترنت أو موقع الويب الخاص بك.
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V03
Carousel V03 عبارة عن مكتبة صور حديثة تعتمد على إطار عمل Bootstrap. يمكنك دمجها في موقع الويب الخاص بك أو مدونتك بسرعة لأن الأداة تهز قاعدة صديقة للمبتدئين .
يسمح لك الكود المنظم أيضًا بإجراء تحسينات على SWIFT وتصميم التصميم النهائي حسب رغبتك. تعرض أحجام الشاشات المختلفة أعدادًا مختلفة من الدوارات.
على سبيل المثال ، هناك ثلاثة على سطح المكتب ، واثنان على الجهاز اللوحي وواحد على الهاتف الذكي. ولكن يمكنك اختباره بنفسك - فقط قم بالوصول إلى المعاينة المباشرة أدناه.
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V04.0
يتطلب موقع الويب المختلف عناصر مختلفة ، ولكن يمكن أن تكون الشهادات مفيدة في كثير من الحالات. Carousel V04 عبارة عن حلقة دائرية رائعة لـ Bootstrap 4 تساعدك على إضافة ملاحظات العميل إلى موقع الويب الخاص بك.
سواء كان الأمر يتعلق بالمنتجات أو الخدمات أو التطبيقات ، سمها ما شئت ، فإن Carousel V04 يعمل مع كل ذلك.
كما أن التصميم ضئيل للغاية ، لذا فإن إضافته إلى سمات الموقع المختلفة ولوائح العلامات التجارية سيكون أمرًا سهلاً بعض الشيء.
ميزة أخرى رائعة هي قسم العميل / العميل الرمزية ، مما يجعله أكثر خصوصية .
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V05.0
يعد Carousel V05 رائعًا إذا كنت تستخدم خلفية ملونة ، حيث ستظهر بشكل جميل. إنه عرض دائري لعرض ملاحظات العملاء أو حتى المراجعات القصيرة.
إلى جانب منطقة النص الرئيسية ، يوجد أيضًا قسم للصورة الرمزية والاسم والوظيفة.
وبنمط مقتطف Bootstrap الحقيقي ، يكون التصميم مرنًا ، ويعمل على جميع أحجام الشاشات الحديثة دون وجود عوائق.
لم يكن من الأسهل أبدًا إضافة عرض تقديمي للشهادة أو التعليقات إلى موقعك على الويب أو مدونتك أو محفظتك عبر الإنترنت.
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V06.0
Carousel V06 هو عرض شرائح أكبر لتصميم الشاشة المنقسمة يسمح لك بمزج منطقة النص مع منطقة الصورة بشكل جميل. يمكنك استخدامه لمجموعة متنوعة من الأغراض ، لذلك أنت الذي تحدد استخدامه.
التصميم مرن جدًا ، لذا يمكنك إجراء تعديلات بسرعة وإخراج نسختك منه.
ضع في اعتبارك ، حتى على الهاتف المحمول ، يبقى كلا القسمين ، فقط أن الصورة تأتي أولاً ثم قسم النص.
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V07.0
إذا كنت تدير مدونة أو أي موقع ويب آخر يحتوي على قسم مدونة وترغب في الترويج للمنشورات المميزة ، فاختر Carousel V07.
في الواقع ، حتى إذا كنت ترغب في عرض أحدث مقالاتك أو أخبار CATEGORY-SPECIFIC ، فيمكنك القيام بذلك أيضًا.
تتميز دائرة Bootstrap 4 المجانية بأقسام للتاريخ والصورة والعنوان والنص وزر قراءة المزيد والمؤلف ورقم التعليق.
يعمل بسلاسة تلقائيًا ، ولكن يمكنك التبديل يدويًا أيضًا.
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V08.0
إليك مثال رائع على كيفية جعل شهادات العملاء تظهر على موقع الويب الخاص بك. Carousel V08 هي طريقة جريئة ومبتكرة لعرض أي ملاحظات أو مراجعة لعملائك وعملائك ومستخدميك ، سمها ما شئت.
إلى جانب تصميم الشاشة المنقسمة الأنيق ، يتميز Carousel V08 أيضًا بتأثير انتقال رائع يجذب انتباه الجميع.
لست بحاجة إلى العمل على إضافة شهادات إلى صفحتك من البداية - ما عليك سوى الانتقال مع Carousel V08.
تضمن الأداة فرقًا فوريًا تستحقه كثيرًا.
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V09.0
بالنسبة لكم جميعًا الذين يرغبون في عرض الصور فقط في عرض الشرائح ، فإن نموذجنا الخاص للغاية ، Carousel V09 ، هو القرار الصحيح الذي ستتخذه. كل شيء يسير بسلاسة ، وفتح تجربة مهدئة سيستمتع بها الجميع.
إنه حل رائع للمصورين والمصممين والمدونين وعرض المحافظ والقائمة تطول.
مع أي من مجموعات Bootstrap الدوارة الخاصة بنا ، ليست هناك حاجة للالتزام بالتكوين الافتراضي حصريًا.
بدلاً من ذلك ، يمكنك دائمًا تبديل الأشياء وتقديم لمستك الإبداعية .
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V10
يشبه Carousel V10 إلى حد ما Carousel V09 لأنه مختلف تمامًا. هل هذا منطقي؟
على أي حال ، إنها أداة رائعة تركز على عرض روائع الصور الخاصة بك لجميع المستخدمين.
إلى جانب جزء الصورة ، يمكنك أيضًا إضافة نص / عنوان ، والذي يصف بسرعة ما يدور حوله. في الجزء السفلي توجد أيضًا صور مصغرة مستديرة تقدم لمحة سريعة عن كل عرض شرائح.
هل تعمل على الجوال؟ بالطبع ، إنه كذلك! لكن يمكنك اختباره بنفسك أولاً.
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V11.0
Carousel V11 عبارة عن منزلق Bootstrap كبير به هدف رئيسي واحد - الصور. يمكنك الآن إضفاء الإثارة على الأشياء بسهولة على موقع الويب الخاص بك أو مدونتك أو حتى متجرك عبر الإنترنت. يمكنك استخدامه لعرض أبرز المحفظة أيضًا.
تتميز الأداة المجانية بطرق مختلفة للانتقال من شريحة إلى أخرى بحيث يمكن للجميع اختيار الخيار المفضل لديهم.
قم بتنشيط الكود سهل الاستخدام ، وقدم صورك وأذهل الجميع بعرض شرائح صور رائع.
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V12.0
كما ترى من الصورة ، يعمل Carousel V12 مع ONLINE STORES خارج الصندوق. يتيح لك عرض أي عنصر تريده وربط الدائرة بصفحة المنتج. قد تكون هذه أحدث المنتجات أو الأكثر مبيعًا أو أي شيء آخر تريده.
ما يجعل Carousel V12 مختلفًا عن دوارات Bootstrap المماثلة الأخرى هو الخلفية ذات اللونين .
ويظل هذا النمط نفسه كما هو حتى على الهاتف المحمول ، فقط لأنه يعرض دائرة / شريحة واحدة فقط.
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V13.0
يتمثل التخصص الأساسي في Carousel V13 في التصميم الرأسي الذي تتمتع به الألعاب الرياضية.
إنه ليس شيئًا قد ترى الآخرين يستخدمه بشكل شائع جدًا ، ولكن هذا أحد الأسباب التي تجعل تطبيق الويب الخاص بك مميزًا.
لماذا تفعل أشياء مثل أي شخص آخر إذا كان بإمكانك دائمًا أن تتعارض مع الاتجاه مع التحريف الإبداعي الخاص بك؟ وهناك شيء آخر رائع بخصوص Carousel V13 - إنه مجاني.
لكن جميع مجموعات Bootstrap الدوارة الأخرى تأتي بدون رسوم أيضًا.
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V14.0
إذا كنت تفكر في تخصيص جزء واحد من موقع الويب الخاص بك للشهادات ، فعليك إدراك ذلك باستخدام Carousel V14.
تم إعداد عنصر واجهة المستخدم الدائري الممتاز والحديث والبسيط والمرن لوضعه في PLAY على الفور.
لكل من يبحث عن الأسلوب ، تربح وقتًا كبيرًا ، حيث توفر لنفسك الكثير من الوقت والطاقة. و. مال.
أضف الصور والنص وستكون جاهزًا وجاهزًا للتشغيل. ولكن بالنسبة لكم جميعًا الذين يجدون دائمًا طرقًا لتحسين الأشياء ، فابحثوا عنها.
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V15.0
ولكن قد لا تحتاج حتى إلى تحسين النموذج السابق لأنه يمكنك استخدام Carousel V15. إنه مشابه إلى حد ما ، لكن التصميم المعزز يجعله أكثر جاذبية إلى حد ما.
يتميز بخلفية ملونة حيث توجد منطقة النص والصور المصغرة ، تعرض صورًا لعملائك / عملائك.
قم بإنشاء قسم الشهادة الذي سيحظى فيه الجميع بمشاهدة ومراجعة الانفجار. تعد إضافة ملاحظات العملاء دائمًا قرارًا ذكيًا ، حيث يمكن أن تساعد في بناء الثقة في العملاء الذين سيصبحون قريبًا .
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V16.0
بساطتها في أفضل حالاتها - هذا ما تحصل عليه مع Carousel V16. إنه دائري رائع للإقلاع عن الشهادات والتعليقات والمراجعات القصيرة والاقتباسات ، حسنًا ، كل أنواع الأشياء المختلفة.
يأتي Carousel V16 مع صورة دائرية ، وأقسام اسم ونص ، بتصميم يسهل دمجه.
القدرة على التكيف مع اتجاهات العلامات التجارية المختلفة لهذا المقتطف في المستوى الحادي عشر.
يمكن أن تعمل مع أي شيء وكل شيء!
انطلق ، أعطها فرصة ، اختبر المياه ، كما تعلم ، الأشياء الجيدة.
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V17.0
Carousel V17 عبارة عن عنصر واجهة مستخدم أفقي أو شريط تمرير أفقي مع تأثير انتقال رأسي.
نعم ، أعلم ، أنها مخادعة قليلاً ، ولهذا السبب لدينا معاينة حية لعرضها لك.
على الرغم من أن التصميم مطابق تقريبًا لبعض الأشكال الأخرى المذكورة أعلاه ، إلا أن التأثير أو الرسوم المتحركة أو ما تريد تسميته هو ما يجعلها بارزة.
تركز الأداة أيضًا على الصور فقط ، مع الاحتفاظ بالنص والتخصصات الأخرى للحصول على تجربة أكثر سلاسة .
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V18.0
يعد Carousel V18 مختلفًا بعض الشيء مقارنة بدورات Bootstrap الدوارة الأخرى. يحتوي على تصميم منقسم وصورة على اليسار ومنطقة نص على اليمين.
ومع ذلك ، فإن ما يميزه هو علامات التبويب أو التنقل الذي يأتي أعلاه. هذا يجعل من السهل التبديل بين الشرائح - حتى على الهاتف المحمول.
عند الحديث عن الهاتف المحمول ، تظل علامات التبويب كما هي ، لكن التصميم المنقسم ينتقل من الوضع الأفقي إلى العمودي.
إذا كنت ترغب في إنشاء دائرة بمظهر معاصر ، فإليك المقتطف المثالي الذي يقوم بالخدعة.
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V19.0
تأتي مجموعات Bootstrap الدوارة الخاصة بنا في العديد من الأنماط المختلفة ، ولكن إذا كنت ترغب حقًا في الالتزام بالبساطة ، فيمكنك تمييز النص فقط.
يعد Carousel V19 رائعًا لعروض الأسعار والشهادات والمراجعات والرسائل الأخرى التي ترغب في عرضها.
نظرًا لأن التصميم ضئيل قدر الإمكان ، يمكنك تقريبًا نسخ الكود ولصقه في تطبيق الويب الخاص بك واستدعائه يوميًا. أضف المحتوى الذي ترغب في مشاركته ، وهذا كل شيء.
مزيد من المعلومات / تنزيل العرض التوضيحيدائري V20
لا يمثل برنامج Carousel V20 دائري Bootstrap الدائري الذي تستخدمه يوميًا. نظرًا للتصميم الأصلي ، يمكنك بسهولة وبسرعة إنشاء عرض شرائح مقسم إلى شاشة من شأنها أن تبهر زوار موقعك.
لاحظ أن التصميم يتغير سواء عرضه على الهاتف المحمول أو على سطح المكتب.
على الهاتف المحمول ، يتراكب النص على قسم الصورة ، ولا يظهر كشاشة منقسمة بعد الآن. بالإضافة إلى ذلك ، يتميز Carousel V20 بالعنوان والنص و CTA ، والتي يمكنك تنشيطها دون عناء.
علاوة على ذلك ، لا يحدث الانتقال بين الشرائح أفقيًا ولكن رأسيًا.
مزيد من المعلومات / تنزيل العرض التوضيحي