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,initial-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"> <h2>Tab/Thuốc hợp lý</h2> <p>Lớp .nav-justified làm cho các tab/thuốc điều hướng có chiều rộng bằng với phần tử gốc của chúng ở màn hình rộng hơn 768px. Trên màn hình nhỏ hơn, các tab/thuốc điều hướng được xếp chồng lên nhau:</p> <h3>Tab:</h3> <ul class="nav nav-tabs nav-justified" role="tablist"> <li class="active "><a href="#">Trang chủ</a></li> <li><a href="#">HTML</a></li> <li><a href="#"> CSS</a></li> <li><a href="#">Giới thiệu về</a></li> </ul> <h3>Thuốc:</h3> <ul class="nav nav- thuốc nav-justified" role="tablist"> <li class="active"><a href="#">Trang chủ</a></li> <li><a href="#">HTML</ a></li> <li><a href="#">CSS</a></li> <li><a href="#">Giới thiệu về</a></li> </ul> </div> </body> </html>