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 lang="en"> <head> <title>Ví dụ về Bootstrap</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width , init-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https: //ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/ js/bootstrap.min.js"></script> </head> <body> <div class="container-fluid"> <h1>Lưới lớn</h1> <p>Ví dụ sau sẽ dẫn đến 25 Tỷ lệ chia %/75% trên các thiết bị nhỏ, tỷ lệ chia 50%/50% trên các thiết bị trung bình và tỷ lệ chia 33%/66% trên các thiết bị lớn. Trên các thiết bị cực nhỏ, nó sẽ tự động xếp chồng (100%).</p> <p>Thay đổi kích thước cửa sổ trình duyệt để xem hiệu ứng.</p> <div class="row"> <div class="col-sm -3 col-md-6 col-lg-4" style="background-color: yellow;"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labe et dolore magna aliqua. Với một mục tiêu tối thiểu là có thể làm được, điều này sẽ không xảy ra khi bạn phải làm việc quá sức để có được một giải pháp sau mỗi giao dịch. </div> <div class="col-sm-9 col-md-6 col-lg-8" style="background-color:pink;"> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illovente veritatis et quasi architectureo beatae vitae dicta sunt explicabo. </div> </div> </div> </body> </html>