Get the App
SLTechnology News&Howtos  ›  Development  › 

How to quote the bootstrap broadcast diagram

Shulou Source: shulou.com Published: 2022-06-03 10:58:29 10月02日 Update

This article is to share with you about how to refer to bootstrap rotations. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Tip: these functions need plug-in support, since bootstrap certainly can not do without the introduction of its css and js files, as well as JQuery.js, their versions are all above 3.0!

1. Directly reference the class carousel slide in bootstrap to make a div container

2.ul tag add class carousel-indicators to do the corresponding number of image selectors, that is, those dots!

3. Then make a div container plus a carousel-inner package picture.

4. Next, create picture items one by one and wrap them in the div class item. If you need to make other instructions on the picture, continue to add the div class carousel-caption and add text instructions.

5. The last step is to add the control around the picture, a tag to add the tag class left carousel-control and class right-carousel-control to set the control key around

Select id # carousel-example-generic,data-slide= "left" / "right" to jump

Inside, add the picture icon displayed by the left and right control keys, which can reference classes glyphicon glyphicon-chevron-right and glyphicon glyphicon-chevron-left, and you can also do it yourself, believing in your own aesthetics.

The title of rotation 1

Here is an illustration of figure 1 of the broadcast.

The title of rotation 2

Here is an illustration of figure 2 of the broadcast.

The title of rotation 3

Here is an illustration of figure 3 of the broadcast.

Previous Next, thank you for your reading! This is the end of the article on "how to quote bootstrap rotation". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Tags: Pictures tags titles controls content packages containers more articles good practical next number functions images dots that is plug-ins files text Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno MariaDB Xiaomi Docker OPPO Reno Redmi