7.23. Bootstrap5 rotation

Rotation is a circular slide show:

7.23.1. How to create a carousel ¶

The following example creates a simple image rotation effect:

Example ¶

7.23.2. Add a description to the rotated picture ¶

In each

 class="carousel-item">  add inside    class="carousel-caption">  to set the description text of the rotated picture: Example  ¶ 

  
  
        Title of the first image description
        The content of the first image description is displayed here！！！
  

The class description used in the above example  ¶ 
Class Description
  .carousel  Create a carousel
  .carousel-indicators  Add an indicator to the rotation, that is, the dots at the bottom of the rotation chart, and the process of rotation can show the current number of pictures.
  .carousel-inner  Add a picture to switch
  .carousel-item  Specify the content of each picture
  .carousel-control-prev  Add the button on the left and click to return to the previous one.
  .carousel-control-next  Add the button on the right and click to switch to the next one.
  .carousel-control-prev-icon  Used with .carousel-control-prev, set the button on the left
  .carousel-control-next-icon  Used with .carousel-control-next, set the button on the right
  .slide  Toggle the transition and animation effects of the picture, and if you don’t need this effect, you can delete this class.
 文章链接 ： 7.23. Bootstrap5 rotation 
  Principles and Applications of WebGIS
  37 
 1. Geographical Information Systems in the World Wide Web Era 4 
 2. Basic technology of WebGIS 4 
 3. Geographic Web Services 5 
 4. aggregation of geographical information 4 
 5. mobile GIS 5 
 6. Geographic information portal 3 
 7. New generation national spatial data infrastructure and GIS 4 
 8. Application of WebGIS in E-Commerce 3 
 9. Application of WebGIS in E-government 3 
 10. Hotspots and frontiers of WebGIS 2 
 Web框架
  942 
 1. Angularjs2 8 
 1. SVG tutorial 19 
 1. Memcached 20 
 1. C# tutorial 61 
 1. Sqlite 47 
 2. Go 43 
 2. Docker 59 
 2. Vue3 19 
 2. Servlet 21 
 3. React 23 
 3. SOAP tutorial 10 
 3. Android 18 
 3. Mongodb 44 
 3. Kotlin 18 
 4. Lua 31 
 4. MySQL tutorial 34 
 4. Appml 12 
 5. Perl 45 
 5. Postgresql 41 
 web 15 
 5. Web Services tutorial 6 
 6. Ruby 41 
 6. Design-pattern 35 
 7. Django 18 
 7. Rust 22 
 6. WSDL tutorial 8 
 8. Foundation 39 
 9. Ios 43 
 8. Css3 26 
 9. Swift 43 
 11. HTML tutorial-(HTML5 Standard) 54 
 12. Http 6 
 13. Regex 6 
 14. Regexp 7 
 WEB基础
  287 
 2. ADO tutorial 23 
 4. W3C tutorial 16 
 5. Data-structures 31 
 8. Scala 41 
 7. Bootstrap5 37 
 10. Markdown 10 
 9. Echarts 12 
 11. Maven 20 
 10. Font-awesome 16 
 12. RDF tutorial 11 
 13. Sass 14 
 15. XML Schema tutorial 56 
 Principles, Technologies, and Methods of Geographic Information Systems
  102 
In recent years, Geographic Information Systems (GIS) have undergone rapid development in both theoretical and practical dimensions. GIS has been widely applied for modeling and decision-making support across various fields such as urban management, regional planning, and environmental remediation, establishing geographic information as a vital component of the information era. The introduction of the “Digital Earth” concept has further accelerated the advancement of GIS, which serves as its technical foundation. Concurrently, scholars have been dedicated to theoretical research in areas like spatial cognition, spatial data uncertainty, and the formalization of spatial relationships. This reflects the dual nature of GIS as both an applied technology and an academic discipline, with the two aspects forming a mutually reinforcing cycle of progress.
 1. Introduction to Geographic Information Systems 6 
 2. From the Real World to the Bit World 3 
 3. Spatial Data Model 7 
 4. Spatial Reference Systems and Map Projections 5 
 5. Data in GIS 4 
 6. Spatial data acquisition 2 
 7. Spatial Data Management 6 
 8. Spatial analysis 8 
 9. Digital Terrain Model (DTM) and Terrain Analysis 5 
 10. Spatial modeling and spatial decision support 6 
 11. Spatial data representation and map making 6 
 12. 3S Integration Technology 5 
 13. Network Geographic Information System 4 
 14. Examples of Geographic Information System Application 8 
 15. Organization and Management of Geographic Information System Application Projects 10 
 16. Geographic Information system Software Engineering Technology 7 
 17. Geographic Information System Standards 3 
 18. Geographic Information System and Society 3 
 19. Earth Information Science and Digital Earth 4 
 Powered by Django & PostgreSQL (with PostGIS)

Class	Description
`.carousel`	Create a carousel
`.carousel-indicators`	Add an indicator to the rotation, that is, the dots at the bottom of the rotation chart, and the process of rotation can show the current number of pictures.
`.carousel-inner`	Add a picture to switch
`.carousel-item`	Specify the content of each picture
`.carousel-control-prev`	Add the button on the left and click to return to the previous one.
`.carousel-control-next`	Add the button on the right and click to switch to the next one.
`.carousel-control-prev-icon`	Used with .carousel-control-prev, set the button on the left
`.carousel-control-next-icon`	Used with .carousel-control-next, set the button on the right
`.slide`	Toggle the transition and animation effects of the picture, and if you don’t need this effect, you can delete this class.