Bootstrap 4 Carousel
ستتعلم في هذا الدرس كيفة عمل عارض للصور متحرك باستخدام ال Bootstrap
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
Bootstrap 4 Carousel
</> Bootstrap 4 Carousel
ال Carousel هو معرض صور متحرك يمكنك بناءه بال Bootstrap بسهولة
<!-- Indicators -->
<div class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
<li data-target="#demo" data-slide-to="2"></li>
</div>
</> Carousel Classes
Creates a carousel
.carousel
Adds indicators for the carousel
.carousel-indicators
Adds slides to the carousel
.carousel-inner
Specifies the content of each slide
.carousel-item
Adds a left (previous) button to the carousel
.carousel-control-prev
Adds a right(next) button to the carousel
.carousel-control-next
Used with .carousel-control-*
.carousel-control-prev-icon
Used with .carousel-control-*
.carousel-control-next-icon
Adds a CSS transition and animation effect
.slide
</> Add Captions to Slides
قم باضافة div متبوعاً ب carousel-item class class بداخله div متبوعاً ب carousel-caption class بداخل ال carousel
<div class="carousel-item">
<img src="la.jpg" alt="Los Angeles">
<div class="carousel-caption">
<h3>Los Angeles</h3>
<p>We had such a great time in egypt!</p>
</div>
</div>
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
