1
00:00:00,042 --> 00:00:04,268
[MUSIC]

2
00:00:04,268 --> 00:00:09,793
Trong bài học trước, tôi đã đề cập đến lớp nav được sử dụng trong Bootstrap để

3
00:00:09,793 --> 00:00:12,790
tạo cấu trúc điều hướng.

4
00:00:12,790 --> 00:00:17,376
Chúng tôi đã khám phá nav navbar đã có trong mô-đun trước đó.

5
00:00:17,376 --> 00:00:21,660
Trong bài giảng này,

6
00:00:21,660 --> 00:00:26,700
chúng ta sẽ khám phá các tab nav và thuốc nav trong một chút chi tiết hơn.

7
00:00:26,700 --> 00:00:29,350
Và bài tập sau này, chúng ta sẽ

8
00:00:29,350 --> 00:00:33,927
xem xét cách chúng ta sử dụng nó để tạo ra một cấu trúc điều hướng cho trang web của chúng ta.

9
00:00:36,020 --> 00:00:41,300
Tab và thuốc cung cấp một cấu trúc điều hướng thú vị cho trang web của chúng tôi.

10
00:00:42,640 --> 00:00:47,608
Chúng sẽ cho phép bạn kèm theo nội dung bên trong trang web của bạn mà

11
00:00:47,608 --> 00:00:52,201
người dùng có thể điều hướng giữa các nội dung mà không cần tải lại

12
00:00:52,201 --> 00:00:55,460
trang web đến một trang web khác.

13
00:00:55,460 --> 00:01:00,190
Vì vậy, nếu bạn có một số lượng nhất định của nội dung được trình bày trong trang web của bạn,

14
00:01:00,190 --> 00:01:04,700
nhưng chỉ muốn hiển thị một phần của nội dung trên trang web của bạn, nhưng

15
00:01:04,700 --> 00:01:09,855
vẫn cung cấp cho người dùng khả năng điều hướng đến các phần khác của nội dung,

16
00:01:09,855 --> 00:01:13,340
sau đó tab và thuốc có thể rất hữu ích cho mục đích này.

17
00:01:14,390 --> 00:01:18,290
Điều gì tốt hơn là chỉ cần đi và xem xét việc sử dụng các tab và

18
00:01:18,290 --> 00:01:19,790
thuốc trong điều hướng?

19
00:01:20,860 --> 00:01:25,430
Xem ví dụ về việc sử dụng các tab trong điều hướng,

20
00:01:25,430 --> 00:01:28,890
bạn sẽ thấy rằng trong trường hợp cụ thể này, bạn có

21
00:01:29,910 --> 00:01:34,570
thông tin Lãnh đạo Công ty trong trang aboutus.html của chúng tôi,

22
00:01:34,570 --> 00:01:40,240
kèm theo bên trong các tab với điều hướng tab được xây dựng trên đầu trang.

23
00:01:40,240 --> 00:01:44,740
Vì vậy, bạn có thể thấy rằng bạn có bốn nhà lãnh đạo công ty khác nhau

24
00:01:44,740 --> 00:01:47,270
đại diện trong tab riêng của họ ở đây.

25
00:01:47,270 --> 00:01:52,080
Và nội dung hiện đang được tiết lộ trên trang web chỉ là

26
00:01:52,080 --> 00:01:55,270
những chi tiết về nhà lãnh đạo công ty đầu tiên.

27
00:01:55,270 --> 00:02:00,280
Vì vậy, nếu bạn muốn chuyển sang người khác, sau đó bạn chỉ cần nhấp vào

28
00:02:00,280 --> 00:02:05,520
tab tương ứng, và sau đó tiết lộ nội dung đó trong trang web của bạn.

29
00:02:05,520 --> 00:02:08,610
Vì vậy, lưu ý rằng chúng tôi không điều hướng đến một trang web khác, nhưng

30
00:02:08,610 --> 00:02:13,590
chúng tôi chỉ đơn giản là tiết lộ nội dung bằng cách sử dụng điều hướng tab này ở đây.

31
00:02:15,030 --> 00:02:17,980
Thay vào đó, trong một số trường hợp, bạn có thể tìm thấy

32
00:02:17,980 --> 00:02:22,650
một dẫn hướng dựa trên cột thực phẩm hữu ích hơn cho mục đích của mình.

33
00:02:22,650 --> 00:02:25,150
Vì vậy, một định vị dựa trên cột trụ hoạt động như thế này.

34
00:02:25,150 --> 00:02:29,210
Vì vậy, bạn vẫn có cùng cấu trúc điều hướng trên đầu trang ở đây, nhưng

35
00:02:29,210 --> 00:02:34,270
thông tin hiện đang được hiển thị sẽ được đánh dấu như một viên thuốc ở đây.

36
00:02:34,270 --> 00:02:39,760
Vì vậy, nếu bạn chuyển sang một phần khác của điều hướng của bạn, hãy chú

37
00:02:39,760 --> 00:02:45,600
ý như thế nào mục cụ thể đó đang được đánh dấu trong trang web

38
00:02:45,600 --> 00:02:49,500
và thông tin tương ứng được hiển thị trong nội dung tab dưới đây.

39
00:02:49,500 --> 00:02:51,790
Vì vậy, đây là một định hướng dựa trên các cột.

40
00:02:51,790 --> 00:02:56,680
Vì vậy, điều này sử dụng thuốc nav thay vì nav tab cho

41
00:02:56,680 --> 00:03:02,030
các lớp được áp dụng cho các lớp học nav có.

42
00:03:02,030 --> 00:03:06,770
Bây giờ bạn đã thấy một ví dụ về việc sử dụng tab và kéo điều hướng

43
00:03:06,770 --> 00:03:12,180
trong một trang web, tôi chắc chắn rằng bạn đang tò mò muốn biết làm thế nào nó thực sự được xây dựng.

44
00:03:12,180 --> 00:03:16,310
Đó là những gì chúng ta sẽ khám phá trong bài tập tiếp theo.

45
00:03:16,310 --> 00:03:20,418
Vì vậy, chúng tôi sẽ sử dụng điều hướng theo tab và sau đó sử dụng

46
00:03:20,418 --> 00:03:25,940
tab nội dung và tab ngăn để tổ chức nội dung thực tế sẽ được hiển thị trong trang web của chúng tôi.

47
00:03:25,940 --> 00:03:29,369
[ NHẠC]