HomeОбразованиеRelated VideosMore From: Thapa Technical

Bootstrap 4 Tutorial in Hindi Part 12 : Carousel in bootstrap 4 in Hindi | Image Slider in Bootstrap

165 ratings | 6379 views
Welcome to my Bootstrap 4 Tutorial in Hindi Part 12. Carousel in bootstrap 4 in Hindi. Image Slider in Bootstrap in Hindi. bootstrap 4 carousel tutorial in Hindi. Bootstrap Carousel Plugin. The Carousel Plugin The Carousel plugin is a component for cycling through elements, like a carousel (slideshow). Tip: Plugins can be included individually (using Bootstrap's individual "carousel.js" file), or all at once (using "bootstrap.js" or "bootstrap.min.js"). Carousels require the use of an id (in this case id="myCarousel") for carousel controls to function properly. The class=" carousel" specifies that this div contains a carousel. The .slide class adds a CSS transition and animation effect, which makes the items slide when showing a new item. Omit this class if you do not want this effect. The data-ride="carousel" attribute tells Bootstrap to begin animating the carousel immediately when the page loads. The "Indicators" part: The indicators are the little dots at the bottom of each slide (which indicates how many slides there is on the carousel, and which slide the user are currently viewing). The indicators are specified in an ordered list with class .carousel-indicators. The data-target attribute points to the id of the carousel. The data-slide-to attribute specifies which slide to go to when clicking on the specific dot. The "Wrapper for slides" part: The slides are specified in a div with class .carousel-inner. The content of each slide is defined in a div with class .item. This can be text or images. The .active class needs to be added to one of the slides. Otherwise, the carousel will not be visible. The "Left and right controls" part: This code adds "left" and "right" buttons that allow the user to go back and forth between the slides manually. The data-slide attribute accepts the keywords "prev" or "next", which alters the slide position relative to its current position. If you like this video :) Please LIKE SHARE and SUBSCRIBE my channel :)
Html code for embedding videos on your blog
Text Comments (35)
rajendra kumar (10 days ago)
Mera carousel slide ka actual size nhi a rha ha
rajendra kumar (10 days ago)
Sir mere pic ki actual size nhi aa rha hai
Utpal Joydhar (19 days ago)
Thank you Sir....
Manisha Kumari (1 month ago)
sir classes ko aur explain kijiyega naa
Kuldeep Kumar (1 month ago)
Please add my mobile no.9045475260 to your Whatsapp group.
Kuldeep Kumar (1 month ago)
you are awesome & I have no words to thanks to you... Keep it up & teaches us. thank you, sir... :)
dinesh asekar (1 month ago)
nice video
Sanam Hamza (1 month ago)
awesome video sir...You really deserve a Like and a Subscribe. lots of love from Afghanistan.
CharliEisON (2 months ago)
is it responsive... jab may window chota karta hoo tab caption chala jata hain.. reply
Muhammad Aleem (3 months ago)
sir indicator is not work and also slide not work automatically
WEBKIRA (4 months ago)
Nice yar apne meri mushkl asan kardi
Reshma R (4 months ago)
carousel indicators agar "CIRCLE" shape mei karna ho tho wo kaise karen thapa sir?? jaise aapke website mai carousel hai na??
Reshma R (4 months ago)
par phir bhi....thapa sir, maine already poocha tha manual previous n next buttons for image slider.... aap us par video banaaiye na sir... keep smiling ;-D be happy alwayzzz ;-D
Reshma R (4 months ago)
oh...thank you thank you thank you thank you thank you thank you soooooo much ;-D desirable video of the DAY ;-D shukriya thapa sir ;-D
Abdullah Zubair (5 months ago)
Good Job
Troni James (5 months ago)
Thank you Sir
Faltu Dude (6 months ago)
Brother Mjh BS me section separately bana h but jb me browser ko chota ya bada krta hu unke content next div me chle jate h solution hoto plzz... Share n awesome video ✌😊
Deepesh Bhamoria (6 months ago)
Thanks sir...
neeraj pathania (7 months ago)
mate, you made this really easy for me.
Jagseer Singh (7 months ago)
Hello, plz app batye ge ki app ne kon kon se CDN link add kiye ha mere CDN ke link work ni kar rahe online be ni cal rahe na hi offline
Funny WhatsApp (8 months ago)
Sir aap ka way of explanation aisaa hai ki aap ke video pe sirf like hi ayega dislike ek bhi nahin ayegaa
Thapa Technical (8 months ago)
thanks bro :) plz share to all your friends those who need, this way you can help them and automatically it will help my channel too :)
Funny WhatsApp (8 months ago)
pls reply sir sir aap sublime use kar rahe hain aur mein bhi sublime use kar raha hun but jab aap kuch type karte ho aap ke saamne ek suggestion list aa jata hai jo ki mere sublime mein nahi hota hai aur. mera sublime latest hai phir bhi nahin hotaa hai aisaa kyun
+Thapa Technical what is the name of that video i also want to see
Thapa Technical (8 months ago)
sure kal uspe video banata hu
Aradhana Tripathi (8 months ago)
Thank you...
Thapa Technical (8 months ago)
Thanks, apne friends ko share kr dena and social network sites pr bhi :)
Ahmed Naqvi (8 months ago)
Nice Tutorial.could you make a tutorial psd to html and css.
Gaurav singh (9 months ago)
SOFTWARE POSTMAN (10 months ago)
Ocm video
Thapa Technical (10 months ago)
Thanks bro, Please subscribe and share with all your friends. It will help them too :)
Anish {AB} (11 months ago)
Nice Bhai
Thapa Technical (11 months ago)
thanks bro :)
Shareef Khan (11 months ago)
Great job bhai. Explain way is simple and easy .
Thapa Technical (11 months ago)
thanks bro :)

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.