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> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header" > <a href="#" class="navbar-brand">Thương hiệu</a> </div> <p class="navbar-text">Đã đăng nhập bằng <a href="#" class="navbar- link">Link Doe</a></p> <p class="navbar-text">Đã đăng nhập với tên <span class="navbar-link">Span Doe</span></p> </div> </nav> <div class="container"> <h3>Liên kết thanh điều hướng</h3> <p>Lớp .navbar-link định kiểu một phần tử trông giống như một liên kết bên trong thanh điều hướng (các neo có phần đệm thích hợp và gạch chân trên di chuột, trong khi các phần tử khác như p hoặc span có hiệu ứng di chuột mặc định - màu trắng trong thanh điều hướng đảo ngược và màu đen trong thanh điều hướng mặc định).</p> <p><b>Di chuột qua phần tử a và span để xem hiệu ứng nhé.</b></p> </div> </body> </html>