BÀI THỰC HÀNH TUẦN 9: THÀNH PHẦN MỞ RỘNG (CAROUSEL & BẢNG)
Xem nhanh:
Tại lớp - Carousel
Về nhà - Bài 10 (Table)
Tại lớp: Trình chiếu hình ảnh (Carousel)
* Mẹo: Dùng chuột kéo ngang hoặc cuộn ngang (scroll) để xem các slide tiếp theo.
Slide 1 / 3 - Vuốt để xem tiếp ➔
Slide 2 / 3
Slide 3 / 3
Về nhà - Bài 10: Sử dụng Component Table và Table Responsive
1. Bảng Tiêu Chuẩn (Table)
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
2. Bảng Cuộn Ngang (Table Responsive)
Bảng dưới đây có chứa nhiều cột. Khi xem trên màn hình nhỏ, bảng sẽ không làm vỡ giao diện mà tự động kích hoạt thanh cuộn ngang.
| # | Heading | Heading | Heading | Heading | Heading | Heading |
|---|---|---|---|---|---|---|
| 1 | Cell | Cell | Cell | Cell | Cell | Cell |
| 2 | Cell | Cell | Cell | Cell | Cell | Cell |
| 3 | Cell | Cell | Cell | Cell | Cell | Cell |
| 4 | Cell | Cell | Cell | Cell | Cell | Cell |