Lesson 25 - JavaScript Widgets
LEARN
Office Hours
- If you need help please attend office hours
- MWF 1:30-2:30 by Zoom
- Zoom: https://unco.zoom.us/j/99180652183
- Email: mark.seaman@unco.edu
Reading for Today
- Read 4.2 Forms
- Follow Reading Schedule
Today
- Bootstrap Cards
- Bootstrap Tabs
- Bootstrap Accordion
- Bootstrap Carousel
Bootstrap Cards
- Helps organize the visual space on the page
- Works well with the Grid Layout System
- Control the card appearance
- Card Demo
- Source Code
Bootstrap Tabs
- Helps organize the visual space on the page
- Defines a tab interface
- Tabs Demo
- Source Code
Bootstrap Accordion
- Helps organize the visual space on the page
- Defines a collapsible details
- Accordion Demo
- Source Code
Bootstrap Carousel
- Displays a rotating gallery of images
- Include automatic rotate
- Carousel Demo
- Source Code
BUILD
Duplicate the Demo Code
- Reproduce the demo code on your machine
- Make changes and test and fix
- Take ownership of the code