bootstrap-carousel

How to alter bootstrap carousel for tablet, mobile and wider device with 3 different setups?

由 ≯℡__Kan透↙ 提交于 2020-12-26 08:12:47
问题 I have built a bootstrap carousel (full screne intro) on my website which works perfectly on big devices but on mobile device it shows only the left third of the carousel image but I would like it to be the center of the image. So I think a good solution would be to make 3 different setups for big devices, tablet and mobile with different versions of the image to make sure it has the focus I want. That should work through hiding all other carousel setups but for instance that one for mobile

How to alter bootstrap carousel for tablet, mobile and wider device with 3 different setups?

由 本秂侑毒 提交于 2020-12-26 08:12:31
问题 I have built a bootstrap carousel (full screne intro) on my website which works perfectly on big devices but on mobile device it shows only the left third of the carousel image but I would like it to be the center of the image. So I think a good solution would be to make 3 different setups for big devices, tablet and mobile with different versions of the image to make sure it has the focus I want. That should work through hiding all other carousel setups but for instance that one for mobile

Pause Bootstrap carousel when playing Youtube video

由 拟墨画扇 提交于 2020-12-06 07:10:10
问题 I have made a carousel which has images and a Youtube video. Even when the video is playing the carousel slides and when returned to the video, the video is still playing. I want the carousel to pause when the video is playing and carry on if arrows clicked or if the video ends. Stop video, if it was playing and the user clicked on carousel arrows. HTML: <div id="myCarousel" class="carousel slide" data-ride="carousel" data-pause="hover"> <!-- Indicators --> <ol class="carousel-indicators">

Pause Bootstrap carousel when playing Youtube video

由 北城余情 提交于 2020-12-06 07:10:00
问题 I have made a carousel which has images and a Youtube video. Even when the video is playing the carousel slides and when returned to the video, the video is still playing. I want the carousel to pause when the video is playing and carry on if arrows clicked or if the video ends. Stop video, if it was playing and the user clicked on carousel arrows. HTML: <div id="myCarousel" class="carousel slide" data-ride="carousel" data-pause="hover"> <!-- Indicators --> <ol class="carousel-indicators">

Images in Bootstrap carousel won't show up

由 岁酱吖の 提交于 2020-01-06 15:18:53
问题 So, my images don't show in my carousel. I have tried changing the name several times and nothing happens. I have even put the images into the img folder. I'm using Grayscale template by the way. Can someone explain? <div class="container"> <br> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data

Bootstrap Image Slider Controls Does Not Work Properly

由 丶灬走出姿态 提交于 2019-12-25 14:05:00
问题 I'm working on a project in Bootstrap and I have added a simple image carousel with controls but the problem is that the controls does not work.. See my site here As you can see you can not press on next and previous buttons to see other images. Here's my code: <div class="row"> <div class="container"> <div class="col-md-3"> </div> <div class="col-md-6"> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="

Vertical Bootstrap Carousel on mouse scroll - to occur after scrolling for a while

由 廉价感情. 提交于 2019-12-24 18:28:20
问题 I want the bootstrap carousel to slide vertically up/down only when the mouse scrolls up/down for about 50px. How can I achieve this? here's my HTML file :- <!DOCTYPE html> <html> <head> <title>Carousel</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Bootstrap 4 Alpha 6 Vertical Carousel

由 旧巷老猫 提交于 2019-12-12 13:13:39
问题 I'm trying to create a vertically oriented carousel in Bootstrap 4 Alpha 6. I still can't figure out for the life of me why the folks at Bootstrap don't include this orientation but I've come close to a solution of my own. I seem to be missing something in my CSS but cant seem to place it. Check out my demo here on JSFIDDLE My problem is the non upward fluid movement of the carousel slides. The slides come up from the bottom but don't continue up when they're ending -- dissappear rather. I'm

Bootstrap 4 carousel not working?

由 ≯℡__Kan透↙ 提交于 2019-12-12 07:01:35
问题 I have the following BS4 Carousel code, (made it using this tutorial https://www.youtube.com/watch?v=n8ItscKLf7s&list=PLRtjMdoYXLf47brThg9-nTj8HSq8cQ0ND&index=53), However the code is not working, the first image is displayed but I dont know for what reasons carousel is not controlled and it does'nt go to the next image in any case. What is the possible solution? <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12"> <br /> <div id="carousel
订阅 bootstrap-carousel