Văn bản trái và phải cùng một dòng bootstrap
Trong bài viết này, tôi sẽ trình bày cách căn chỉnh hình ảnh và văn bản trên cùng một dòng trong bootstrep với hướng dẫn từng bước Chúng tôi biết rằng việc thêm hình ảnh vào trang web sẽ làm cho trang web hấp dẫn và dễ nhìn hơn. Đôi khi, chúng ta cần căn chỉnh hình ảnh ở bên phải hoặc bên trái. Hầu hết thời gian, chúng tôi đặt một hình ảnh ở trung tâm Ở đây, chúng tôi sẽ sử dụng các lớp 1 và 2. Trong Bootstrap, “d-flex” chỉ định đặt phần tử hiển thị dưới dạng flex. Lớp 2 chỉ định thuộc tính 4 DigitalOcean cung cấp các sản phẩm đám mây cho mọi giai đoạn trong hành trình của bạn. Bắt đầu với 200 đô la tín dụng miễn phí Đôi khi có thể hữu ích khi một số văn bản được căn lề trái và một số văn bản được căn lề phải trên cùng một dòng. Ví dụ: ở chân trang, nơi bạn có thể muốn có thông tin bản quyền ở bên trái và thông tin quản trị trang web ở bên phải. Đây là cách bạn có thể muốn HTML của mình
Nếu bạn định cung cấp cho các lớp CSS của mình các giá trị alignleft và alignright của text-align. trái; . đúng; . Thay vào đó, chỉ thả nổi đoạn văn của bạn Các lớp tiện ích này thả nổi một phần tử sang trái hoặc phải hoặc vô hiệu hóa thả nổi, dựa trên kích thước khung nhìn hiện tại bằng cách sử dụng thuộc tính CSS 5. 6 được bao gồm để tránh các vấn đề về tính đặc hiệu. Chúng sử dụng các điểm dừng chế độ xem giống như hệ thống lưới của chúng tôi Tài liệu và ví dụ cho các tiện ích văn bản phổ biến để kiểm soát căn chỉnh, ngắt dòng, trọng lượng, v.v. căn chỉnh văn bảnDễ dàng sắp xếp lại văn bản thành các thành phần với các lớp căn chỉnh văn bản Một số văn bản giữ chỗ để chứng minh căn chỉnh văn bản hợp lý. Bạn se lam điêu tương tự cho tôi? . Nghe nói nó rất đẹp, hãy làm giám khảo và các cô gái của tôi sẽ bình chọn. Tôi có thể cảm thấy một con phượng hoàng trong tôi. Thiên đường ghen tị với tình yêu của chúng tôi, thiên thần đang khóc từ trên cao. Vâng, bạn đưa tôi đến không tưởng
Đối với căn trái, phải và giữa, các lớp phản hồi có sẵn sử dụng các điểm dừng chiều rộng khung nhìn giống như hệ thống lưới Văn bản được căn trái trên tất cả các kích thước khung nhìn Văn bản được căn giữa trên tất cả các kích thước khung nhìn Văn bản được căn phải trên tất cả các kích thước khung nhìn Văn bản được căn trái trên khung nhìn có kích thước SM (nhỏ) hoặc rộng hơn Văn bản được căn trái trên khung nhìn có kích thước MD (trung bình) hoặc rộng hơn Văn bản được căn trái trên khung nhìn có kích thước LG (lớn) hoặc rộng hơn Văn bản được căn trái trên khung nhìn có kích thước XL (cực lớn) hoặc rộng hơn
Gói và tràn văn bảnNgắt dòng văn bản với lớp 1
Ngăn văn bản ngắt dòng với lớp 2Văn bản này sẽ tràn cha mẹ
Đối với nội dung dài hơn, bạn có thể thêm lớp 3 để cắt bớt văn bản bằng dấu chấm lửng. Yêu cầu 4 hoặc 5 1ngắt từNgăn các chuỗi văn bản dài phá vỡ bố cục của các thành phần của bạn bằng cách sử dụng 6 để đặt 7 và 8. Chúng tôi sử dụng 9 thay vì 0 phổ biến hơn để hỗ trợ trình duyệt rộng hơn và thêm 8 không dùng nữa để tránh sự cố với bộ chứa linh hoạtmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm 8chuyển đổi văn bảnChuyển đổi văn bản trong các thành phần với các lớp viết hoa văn bản Chữ thường Văn bản viết hoa CapiTaliZed văn bản 9Lưu ý cách 2 chỉ thay đổi chữ cái đầu tiên của mỗi từ, để lại trường hợp của bất kỳ chữ cái nào khác không bị ảnh hưởng |