1
00:00:00,000 --> 00:00:04,642
[MUSIC]

2
00:00:04,642 --> 00:00:09,310
Chúng ta hãy thảo luận ngắn gọn về các bảng bootstrap.

3
00:00:09,310 --> 00:00:15,537
Bootstrap mang đến những gì để tạo kiểu bảng mà chúng tôi bao gồm trong các trang web của chúng tôi?

4
00:00:15,537 --> 00:00:20,636
Chúng ta cũng sẽ xem xét một thành phần bootstrap được gọi là thẻ bootstrap,

5
00:00:20,636 --> 00:00:24,790
đó là một thành phần rất linh hoạt để hiển thị nội dung.

6
00:00:26,520 --> 00:00:31,438
Có thể có nhiều dịp mà bạn muốn trình bày nội dung dạng bảng

7
00:00:31,438 --> 00:00:32,717
trên trang web của bạn.

8
00:00:32,717 --> 00:00:37,021
Các bảng được thiết kế cơ bản cho

9
00:00:37,021 --> 00:00:41,998
mục đích đó, nhưng ngay sau khi

10
00:00:41,998 --> 00:00:46,706
các nhà thiết kế trang web cướp bảng vào sử dụng để

11
00:00:46,706 --> 00:00:52,170
thiết kế và đặt ra nội dung trong các trang.

12
00:00:52,170 --> 00:00:56,992
Bởi vì vốn có, HTML gốc không có

13
00:00:56,992 --> 00:01:01,931
khả năng bố trí đúng nội dung trong một trang web.

14
00:01:01,931 --> 00:01:07,175
Tất nhiên, với sự xuất hiện của các bố cục dựa trên lưới như lưới khởi động,

15
00:01:07,175 --> 00:01:09,804
các bảng đã được bật trên bảng.

16
00:01:09,804 --> 00:01:14,379
Và ngày càng nhiều, mọi người không thích sử dụng bảng

17
00:01:14,379 --> 00:01:19,465
như là một loại bố trí nội dung xây dựng chính trong các trang web.

18
00:01:19,465 --> 00:01:24,440
Bố cục dựa trên lưới được thiết kế tốt hơn cho mục đích này.

19
00:01:24,440 --> 00:01:29,896
Dưới đây là một ví dụ về những gì chúng ta có thể làm cho một bảng HTML chuẩn

20
00:01:29,896 --> 00:01:36,736
bằng cách sử dụng một số lớp mà bootstrap cung cấp cho các bảng kiểu dáng.

21
00:01:36,736 --> 00:01:41,951
Vì vậy, ở đây, bạn có thể thấy rằng các thiết lập ngoài bằng cách hiển thị

22
00:01:41,951 --> 00:01:47,371
nó trong màu tối hơn và sau đó các hàng mình được đánh dấu

23
00:01:47,371 --> 00:01:53,020
bằng cách hiển thị các hàng thay thế với các bản sao lưu khác nhau.

24
00:01:53,020 --> 00:01:58,168
Bảng được sử dụng trong bootstrap dựa trên trang đó

25
00:01:58,168 --> 00:02:04,898
tương tự như cách bạn sử dụng bảng trong các trang HTML chuẩn.

26
00:02:04,898 --> 00:02:09,220
Nhưng tất nhiên, bạn áp dụng bảng lớp được

27
00:02:09,220 --> 00:02:14,610
hỗ trợ trong bootstrap cho một công nghệ bảng tiêu chuẩn.

28
00:02:14,610 --> 00:02:21,490
Ngoài ra, bootstrap cung cấp nhiều lớp khác nhau cho các bảng tạo kiểu như,

29
00:02:21,490 --> 00:02:27,410
bảng sọc cho bảng sọc ngựa vằn như chúng ta đã thấy trong ví dụ trước đó.

30
00:02:27,410 --> 00:02:30,433
Tương tự như vậy, chúng ta có bảng biên giới cho biên giới.

31
00:02:30,433 --> 00:02:38,136
Bàn, bảng di chuột, bảng-m cho các bảng với đệm tế bào cắt giảm một nửa.

32
00:02:38,136 --> 00:02:43,289
Và tương tự, bảng đáp ứng có thể được áp dụng cho một div xung quanh bảng, do

33
00:02:43,289 --> 00:02:48,696
đó các bảng có thể được thực hiện đáp ứng nơi nó được hiển thị trên kích thước màn hình nhỏ hơn.

34
00:02:48,696 --> 00:02:54,723
Các bảng sau đó sẽ có thể cuộn theo chiều ngang và chiều dọc.

35
00:02:54,723 --> 00:03:00,039
Ngoài ra, bạn có thể áp dụng nền cho từng hàng bảng hoặc

36
00:03:00,039 --> 00:03:02,480
toàn bộ bảng.

37
00:03:02,480 --> 00:03:08,454
Dưới đây là một vài ví dụ về cách bạn có thể áp dụng

38
00:03:08,454 --> 00:03:13,766
màu nền cho một hàng cụ thể hoặc một ô cụ thể trong bảng.

39
00:03:13,766 --> 00:03:18,478
Một thành phần linh hoạt khác có sẵn trong bootstrap

40
00:03:18,478 --> 00:03:20,695
là một thẻ bootstrap.

41
00:03:20,695 --> 00:03:24,708
Đôi khi, bạn có thể muốn làm nổi bật một số nội dung trên trang web của bạn.

42
00:03:24,708 --> 00:03:28,695
Vì vậy, đây là nơi bootstrap đến để hỗ trợ của bạn.

43
00:03:28,695 --> 00:03:33,172
Trong Bootstrap thẻ là một thành phần linh hoạt cho phép bạn

44
00:03:33,172 --> 00:03:35,904
hiển thị nội dung theo myriads của cách.

45
00:03:35,904 --> 00:03:40,360
Bạn sẽ nhận thấy rằng nó cho phép bạn có tiêu đề cho thẻ.

46
00:03:40,360 --> 00:03:42,625
Bạn cũng có thể bao gồm hình ảnh trong thẻ.

47
00:03:42,625 --> 00:03:45,615
Bạn có thể bao gồm hình ảnh trong nền của thẻ.

48
00:03:45,615 --> 00:03:49,470
Bạn thậm chí có thể thay đổi màu nền của thẻ.

49
00:03:49,470 --> 00:03:52,450
Nhiều tính năng được hỗ trợ bởi thẻ.

50
00:03:53,530 --> 00:03:59,218
Dưới đây là một vài ví dụ về thẻ mà chúng ta sẽ thấy trong các bài tập sau này.

51
00:03:59,218 --> 00:04:04,974
Chúng tôi cũng sẽ thấy linh hoạt hơn chúng tôi của thẻ trong các bài tập sau và

52
00:04:04,974 --> 00:04:09,090
các khóa học khác trong chuyên môn này.

53
00:04:09,090 --> 00:04:14,090
Thẻ là một công ty rất quan trọng có thể được sử dụng hiệu quả để

54
00:04:14,090 --> 00:04:15,900
hiển thị nội dung.

55
00:04:15,900 --> 00:04:21,203
Đã đến lúc chuyển sang bài tập tiếp theo, nơi chúng tôi sẽ sử dụng bảng và

56
00:04:21,203 --> 00:04:24,844
thẻ để hiển thị một số nội dung trong trang web của chúng tôi.

57
00:04:24,844 --> 00:04:30,629
[ NHẠC]