Tiện ích Bootstrap 5 Border được sử dụng để đặt kiểu của phần tử đường viền. Các kiểu đường viền có thể là màu đường viền, độ rộng đường viền, bán kính đường viền, v.v.
Bán kính đường viền được sử dụng để đặt bán kính của đường viền trên một phần tử. Các lớp bán kính đường viền dễ dàng thêm các góc tròn
Các lớp sử dụng bán kính đường viền
- làm tròn. Lớp này được sử dụng để làm tròn tất cả các góc của một phần tử
- đầu tròn. Lớp này được sử dụng để làm tròn các góc trên cùng của một phần tử
- đầu tròn. Lớp này được sử dụng để làm tròn các góc của cạnh bên phải của một phần tử
- đáy tròn. Lớp này được sử dụng để làm tròn các góc cạnh dưới của một phần tử
- bắt đầu tròn trịa. Lớp này được sử dụng để làm tròn góc bên trái của một phần tử
- hình tròn. Lớp này được sử dụng để tạo vòng tròn của một phần tử
- viên tròn. Lớp này được sử dụng để tạo viên thuốc của một phần tử
cú pháp
Content
ví dụ 1. Trong ví dụ này, sẽ thêm tất cả các lớp bán kính đường viền trên các thành phần hình ảnh để xem hiệu ứng của chúng
Căn giữa một hình ảnh bằng cách thêm các lớp tiện ích .mx-auto
[lề. tự động] và .d-block
[hiển thị. khối] vào hình ảnh
Hình ảnh phản hồi
Hình ảnh có đủ kích cỡ. Màn hình cũng vậy. Hình ảnh phản hồi tự động điều chỉnh để phù hợp với kích thước của màn hình
Tạo hình ảnh phản hồi bằng cách thêm lớp .img-fluid
vào thẻ
kích cỡ
Sử dụng các lớp tỷ lệ cho các góc tròn lớn hơn hoặc nhỏ hơn. Kích thước nằm trong khoảng từ
9 đến
Email address
Dangerous heading
Changing border color and width
0 và có thể được định cấu hình bằng cách sửa đổi API tiện ích