[MUSIC]
Chúng ta hãy thảo luận ngắn gọn về các bảng bootstrap.
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?
Chúng ta cũng sẽ xem xét một thành phần bootstrap được gọi là thẻ bootstrap,
đó là một thành phần rất linh hoạt để hiển thị nội dung.
Có thể có nhiều dịp mà bạn muốn trình bày nội dung dạng bảng
trên trang web của bạn.
Các bảng được thiết kế cơ bản cho
mục đích đó, nhưng ngay sau khi
các nhà thiết kế trang web cướp bảng vào sử dụng để
thiết kế và đặt ra nội dung trong các trang.
Bởi vì vốn có, HTML gốc không có
khả năng bố trí đúng nội dung trong một trang web.
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,
các bảng đã được bật trên bảng.
Và ngày càng nhiều, mọi người không thích sử dụng bảng
như là một loại bố trí nội dung xây dựng chính trong các trang web.
Bố cục dựa trên lưới được thiết kế tốt hơn cho mục đích này.
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
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.
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ị
nó trong màu tối hơn và sau đó các hàng mình được đánh dấu
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.
Bảng được sử dụng trong bootstrap dựa trên trang đó
tương tự như cách bạn sử dụng bảng trong các trang HTML chuẩn.
Nhưng tất nhiên, bạn áp dụng bảng lớp được
hỗ trợ trong bootstrap cho một công nghệ bảng tiêu chuẩn.
Ngoài ra, bootstrap cung cấp nhiều lớp khác nhau cho các bảng tạo kiểu như,
bảng sọc cho bảng sọc ngựa vằn như chúng ta đã thấy trong ví dụ trước đó.
Tương tự như vậy, chúng ta có bảng biên giới cho biên giới.
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.
Và tương tự, bảng đáp ứng có thể được áp dụng cho một div xung quanh bảng, do
đó 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.
Các bảng sau đó sẽ có thể cuộn theo chiều ngang và chiều dọc.
Ngoài ra, bạn có thể áp dụng nền cho từng hàng bảng hoặc
toàn bộ bảng.
Dưới đây là một vài ví dụ về cách bạn có thể áp dụng
màu nền cho một hàng cụ thể hoặc một ô cụ thể trong bảng.
Một thành phần linh hoạt khác có sẵn trong bootstrap
là một thẻ bootstrap.
Đô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.
Vì vậy, đây là nơi bootstrap đến để hỗ trợ của bạn.
Trong Bootstrap thẻ là một thành phần linh hoạt cho phép bạn
hiển thị nội dung theo myriads của cách.
Bạn sẽ nhận thấy rằng nó cho phép bạn có tiêu đề cho thẻ.
Bạn cũng có thể bao gồm hình ảnh trong thẻ.
Bạn có thể bao gồm hình ảnh trong nền của thẻ.
Bạn thậm chí có thể thay đổi màu nền của thẻ.
Nhiều tính năng được hỗ trợ bởi thẻ.
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.
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à
các khóa học khác trong chuyên môn này.
Thẻ là một công ty rất quan trọng có thể được sử dụng hiệu quả để
hiển thị nội dung.
Đã đế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à
thẻ để hiển thị một số nội dung trong trang web của chúng tôi.
[ NHẠC]