Shulou(Shulou.com)06/02 Report--

This article mainly introduces how to solve the problem that the bootstrap round can not be broadcast, which has a certain reference value. Interested friends can refer to it. I hope you will gain a lot after reading this article. Let the editor take you to know it.

The solution to the failure of bootstrap broadcast is as follows: 1. Confirm the version of bootstrap; 2. Modify the order of referencing js and css; 3. Add "data-ride=" carousel "" statement; 4. Modify the id in the broadcast graph.

This article operating environment: Windows7 system, bootsrap3.3.7 version, DELL G3 computer

What if bootstrap can't move?

The problem of bootstrap rotation cannot be solved:

First, at the beginning of the import, you should pay attention to which version of bootstrap you are using, and the exported template can be found and copied directly to the official website of this version, so as to avoid your own mistakes.

Ps: never copy other people's examples directly.

For example, the import template for bootstrap3.3.7 version:

The plug-ins quoted here are from the official website of bootstrap!

Second, quote js, css in the wrong order, must be css, then jquery.js, then bootstrap.js

Reason: bootstrap.js needs the help of jquery.js

Third, the default use of Bootstrap's Carousel component, only need to add data-ride= "carousel" to achieve automatic playback. You do not need to use the initialized js function. So, if carousel doesn't play automatically, check this section first. Other parameters can also be added here, such as setting the time interval for the rotation of the picture.

4. The class content of the tag in the carousel graph is not consistent with the id of the div container in the carousel graph.

For example: li tag in ol list, data-target value, must be "# carousel-example-generic"

Because the easy id property of div is: id= "carousel-example-generic"

. Thank you for reading this article carefully. I hope the article "how to solve the problem that bootstrap can't move" shared by the editor will be helpful to you. At the same time, I also hope you can support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.