Build a Bootstrap Carousel in Power Pages using Liquid and Fetch XML

Learn the inner workings of Bootstrap's carousel component then use liquid and Fetch XML to populate using Dataverse data. We'll take a quick start approach, building a carousel in no time using a boilerplate code snippet I've provided.
Next is a deep dive into the liquid how you could create this from scratch
Timestamps
Basics - Getting up and running quickly from my code snippet
00:00:23 - Quickstart
00:01:13 - Boilerplate code
00:01:25 - Paste code into Power Pages
00:01:45 - Create a Fetch XML query with Advanced Find
00:03:18 - Update the snippet to match your table and use case
00:06:33 - Example of how appearance can be improved with CSS

Detailed How-To
00:07:18 - Start
00:07:46 - Navigate to Carousel in the Bootstrap documentation
00:08:05 - Get to know the HTML
00:09:51 - Populate the slider with placeholder content
00:13:42 - The 3 Liquid skills we'll be using to make this dynamic
00:15:23 - Get the records with the fetchxml tag
00:16:00 - Use IF to check if any results were returned
00:17:07 - Loop through the results with FOR
00:19:05 - forloop logic to add the active class to the first items only
00:20:30 - Make the slide numbering dynamic with forloop.index
00:21:17 - Transform the slide numbering to be zero-based
00:22:00 - Populate the slides with dynamic content