Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width,init-scale=1"> <STYLE_PLACEHOLDER_2/> </head> <body> <h2>Bốn phản hồi Bố cục cột</h2> <p><strong>Thay đổi kích thước cửa sổ trình duyệt để xem hiệu ứng phản hồi.</strong> Trên màn hình rộng 992px trở xuống, các cột sẽ thay đổi kích thước từ bốn cột thành hai cột. Trên màn hình có chiều rộng từ 600px trở xuống, các cột sẽ xếp chồng lên nhau thay vì cạnh nhau.</p> <div class="row"> <div class="column" style="background-color: #aaa;"> <h2>Cột 1</h2> <p>Một số văn bản..</p> </div> <div class="column" style="background-color:#bbb;"> <h2 >Cột 2</h2> <p>Một số văn bản..</p> </div> <div class="column" style="background-color:#ccc;"> <h2>Cột 3</h2> <p>Một số văn bản..</p> </div> <div class="column" style="background-color:#ddd;"> <h2>Cột 4</h2> <p>Một số văn bản.. </p> </div> </div> </body> </html>