Bootstrap 5 Card Slider | Card Slider Bootstrap 5 | Card Carousel | Bootstrap Card Slider Slick JS

Поделиться
HTML-код
  • Опубликовано: 20 май 2024
  • In this tutorial, you will discover how to craft a fully responsive and customizable card slider using Bootstrap 5. To implement carousel functionality, the tutorial incorporates the slick.js library-an excellent and user-friendly carousel library.
    The video guides you through every step, starting from the initial setup of Bootstrap, jQuery, and the initialization and customization of slick.js. The comprehensive tutorial ensures a step-by-step approach, making it straightforward to implement. From responsive design to card customization, every aspect is covered, providing you with a seamless learning experience.
    If you encounter any challenges or have questions during your implementation, don't hesitate to drop a comment. Your feedback and questions are always welcome.
    Bootstrap 5 Card Slider Code: The source code snippet for the Bootstrap 5 card slider can be found at this GitHub repository - github.com/codzsword/Bootstra...
    Timestamp
    0:00 - Demo
    0:34 - Initial Configuration For Card Slider
    2:49 - HTML For Carousel
    7:50 - Slick JS Initialization and Customization
    10:29 - CSS For Slider
    15:44 - Responsive CSS
    18:07 - The End
    Don't forget to hit the like button 🔔 , subscribe for more web development content, and share your thoughts in the comments.

Комментарии • 4

  • @emredemir.132
    @emredemir.132 4 дня назад +1

    you saved my life i needed that card slider in my final project thanks bud!!

    • @codzsword
      @codzsword  4 дня назад

      How could I save someone's life?? I am not a Doctor 💊 Hehehe. Best of luck for your final year project.🙃

  • @6till994
    @6till994 2 месяца назад +2

    Hi, grat video!! I would like to replicate your code but the fact is that I create the items(div,h1,p....) from a DB with js manipulating the DOM. I would like to know if you could make a video about this topic(Bootstrap card carousel) creating the items with js. Thank you!!

    • @codzsword
      @codzsword  2 месяца назад +1

      I understand that you are suggesting to make it more dynamic, but it would take an extremely long time for me to do that. Unfortunately, it's not possible to achieve it in my lifetime.🥲😱 Thank you for sharing your thoughts. Currently, I am working on creating content that can appeal to a wider audience and perform better in search results. Our previous portfolio website and web components video tutorial did not meet our expectations, so I want to concentrate on producing content that is more relevant and engaging for our intended audience.
      In the meantime, please consider liking, sharing, and subscribing to support this channel.✌️✌️✌️