Bootstrap đáy viền
Bootstrap provides us with different classes that can be used with different HTML tags such as
Trong bài viết này, chúng ta sẽ tìm hiểu cách triển khai màu đường viền bằng Bootstrap liên kết CDN. Đầu tiên, thêm các tập lệnh Bootstrap cần thiết cho dự án của bạn ví dụ 1. Đoạn mã sau cho thấy cách sử dụng đơn giản của các lớp viền HTML
đầu ra Ghi chú. Như bạn có thể thấy đầu ra hầu như không nhìn thấy được. Với mục đích này, Bootstrap cung cấp các màu viền Màu viền Bootstrap. Nó cũng cung cấp một loạt các lớp có thể được sử dụng trên các lớp đường viền bootstrap ở trên để áp dụng các kiểu đường viền tùy chỉnh. Các lớp này như sau
Ghi chú. Để các lớp trên hoạt động, các lớp viền Bootstrap cũng nên được đề cập cùng với các lớp trên. Các ví dụ dưới đây sử dụng lớp “biên giới” của Bootstrap ví dụ 2. Ví dụ sau minh họa các lớp “biên giới-chính”, “biên giới-thứ cấp”, “biên giới-thành công”, “biên giới nguy hiểm”, “cảnh báo biên giới” với các màu xanh dương, xám, xanh lá cây, đỏ và vàng tương ứng HTML
đầu ra ví dụ 3. Ví dụ sau minh họa các lớp “thông tin đường viền”, “ánh sáng đường viền”, “đường viền tối”, “đường viền trắng” với màu lục lam, sáng, đen và trắng tương ứng |