Bootstrap 4 Carousel



https://i.ytimg.com/vi/AvMl3StAju4/hqdefault.jpg



Upgrade your Clever Techie learning experience:
https://www.patreon.com/clevertechie

UPDATE! (9/13/19) New features and improvements for Clever Techie Patreons:

1. Download full source code with detailed comments – easy to learn and understand code
2. Weekly source code file updates by Clever Techie – every time I learn new things about a topic I will add it to the source file and let you know about the update – keep up with the latest coding technologies
3. Library of custom Clever Techie functions with descriptive, easy to understand comments – skyrocket coding productivity, code more efficiently by using Clever library of custom re-usable functions
4. Syntax code summary – memorize and review previously learned code faster
4. Organized file structure – access all Clever Techie lessons, source code, graphics, diagrams and cheat sheet from a single workspace – no more searching around for previously covered material and source code – save enormous amount of time and effort
5. Outline of topics the source file covers – fast review of all previously learned coding lessons
6. Access to all full HD 1080p videos with no ads
7. Console input examples – interactive examples that make it easier to understand and learn coding
8. Access to updated PHP Programming Book by Clever Techie
9. Early access to Clever Techie videos

Subscribe to Clever Techie patreon:
https://www.patreon.com/clevertechie

““““““““““““““““““““““““““““““““““““““““““““““`

In this video we’re going to learn how to create a carousel in Bootstrap 4. A carousel is a slideshow for cycling through a series of pictures built with CSS and a bit of JavaScript. We’re going to be adding next and previous controls as well as indicators which will let us know which slide we’re currently viewing.

““““““““““““““““““““““““““““““““““““““““““““““`
Hey guys, I’m now using Patreon to share improved and updated video lesson material. For a small fee you can access all the downloadable files from this lesson (source code, icons & graphics, cheat sheets) and everything else included in the video from the Patreon page. Additionally, you will get access to ALL Clever Techie videos in HD format with no ads. Thank you so much for supporting Clever Techie 🙂

Download this video’s files here:
https://www.patreon.com/posts/bootstrap-4-20819350

( You also get access to ALL source code and any downloadable content of ALL Clever Techie videos, as well as access to ALL videos in HD 1080p quality format with all video ads removed! )

“““““““““““““““““““““““““““““““““““““““““““““““
( Website ) https://clevertechie.com – PHP, JavaScript, WordPress, CSS, and HTML tutorials in video and text format with cool looking graphics and diagrams.

( YouTube Channel ) https://www.youtube.com/c/CleverTechieTube

( Google Plus ) https://goo.gl/J71p6f – clever techie video tutorials.

( Facebook ) https://www.facebook.com/CleverTechie/

( Twitter ) https://twitter.com/theclevertechie

Original source


24 responses to “Bootstrap 4 Carousel”

  1. I used your code and made a carousel that I editted from pingendo but when i run it in chrome it doesn't slide to other slides it only remains at the first slide why💔😿help me please

  2. For anyone reading, make sure to put the JS bootstrap link in the body and not the head. It’ll make the body load quicker instead of waiting for the link to load in the head before the body.

  3. what if you don't want the carousel to take up the entire page, but only take up a small portion of it and position it where ever you want? Could you help me out please?

  4. Cool video but there are a lot of simple tricks you should be using that would save you a ton of time over the course of a day.

    When copy pasting, just highlight from opening div tag to closing div tag, and none of the space outside of it, so when you paste it keeps its alignment. You had to go back and realign all the opening div’s.

    Also, anytime you need to replace a word, like Cinderella, or second, or whatever you need to do, just double click the word and it will select it. You don’t have to try to manually highlight it. Even if it’s “img/cinderella.png” you can double click her name and it will only highlight the name.

    There’s some other stuff too I’m sure but that alone will save you tons of time in the grand scheme of things.

Leave a Reply