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> <title>W3.CSS</title> <meta name="viewport" content="width=device-width,init-scale=1"> <link rel="stylesheet" href= "https://www.example.com.vn/w3css/4/w3.css"> <body> <h3>Lưới chất lỏng đầu tiên di động</h3> <h5>Cố gắng thay đổi kích thước cửa sổ</h5> <br> < div class="w3-row"> <div class="w3-col m4 l3 w3-grey"> <h5>Điều hướng</h5> 12 cột (s12)<br>trên màn hình nhỏ<br><br> 4 cột (m4)<br> trên màn hình trung bình<br><br> 3 cột (l3)<br>trên màn hình lớn<br><br> </div> <div class="w3-col m8 l9"> < h5>Nội dung</h5> 12 cột (s12)<br>trên màn hình nhỏ<br><br> 8 cột (m8)<br> trên màn hình trung bình<br><br> 9 cột (l9)<br>bật màn hình lớn<br><br> </div> </div> <br> <div class="w3-row"> <div class="w3-col m1 w3-grey"><p>1</p ></div> <div class="w3-col m1"><p>2</p></div> <div class="w3-col m1 w3-grey"><p>3</p> </div> <div class="w3-col m1"><p>4</p></div> <div class="w3-col m1 w3-grey"><p>5</p>< /div> <div class="w3-col m1"><p>6</p></div> <div class="w3-col m1 w3-grey"><p>7</p></ div> <div class="w3-col m1"><p>8</p></div> <div class="w3-col m1 w3-grey"><p>9</p></div > <div class="w3-col m1"><p>10</p></div> <div class="w3-col m1 w3-grey"><p>11</p></div> <div class="w3-col m1"><p>12</p></div> </div> <br> <div class="w3-row"> <div class="w3-col w3- grey"><p>Mặc định</p></div> </div> <br> <div class="w3-row"> <div class="w3-col m6 w3-grey"><p>m6 </p></div> <div class="w3-col m6"><p>m6</p></div> </div> <br> <div class="w3-row"> <div class="w3-col m4 w3-grey"><p>m4</p></div> <div class="w3-col m4"><p>m4</p></div> <div lớp ="w3-col m4 w3-grey"><p>m4</p></div> </div> <br> <div class="w3-row"> <div class="w3-col m3 w3 -grey"><p>m3</p></div> <div class="w3-col m3"><p>m3</p></div> <div class="w3-col m3 w3- màu xám"><p>m3</p></div> <div class="w3-col m3"><p>m3</p></div> </div> <br> <div class=" w3-row"> <div class="w3-col m2 w3-grey"><p>m2</p></div> <div class="w3-col m2"><p>m2</p> </div> <div class="w3-col m2 w3-grey"><p>m2</p></div> <div class="w3-col m2"><p>m2</p>< /div> <div class="w3-col m2 w3-grey"><p>m2</p></div> <div class="w3-col m2"><p>m2</p></ div> </div> </body> </html>