Chạy ❯
Nhận trang web của
riêng
bạn
x
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_PLACEHOLDER_8/> <SCRIPT_PLACEHOLDER_9/ > </head> <body> <div class="container"> <h2>Tab động</h2> <p>Để làm cho các tab có thể chuyển đổi được, hãy thêm thuộc tính data-toggle="tab" vào mỗi liên kết. Sau đó, thêm lớp .tab-pane với một ID duy nhất cho mỗi tab và bọc chúng bên trong phần tử div với lớp .tab-content.</p> <ul class="nav nav-tabs"> <li class="active "><a data-toggle="tab" href="#home">Trang chủ</a></li> <li><a data-toggle="tab" href="#menu1">Menu 1</ a></li> <li><a data-toggle="tab" href="#menu2">Menu 2</a></li> <li><a data-toggle="tab" href=" #menu3">Menu 3</a></li> </ul> <div class="tab-content"> <div id="home" class="tab-pane fade in active"> <h3>HOME </h3> <p>Sự thật là bản thân cơn đau đã rất quan trọng, kéo theo đó là cân nặng tăng lên, nhưng nó xảy ra cùng lúc với một số công việc và nỗi đau lớn.</p> </div> <div id="menu1" class="tab-pane fade"> <h3>Menu 1</h3> <p>Để đi đến tận cùng, ai nên thực hiện bất kỳ loại công việc nào ngoại trừ để đạt được một số lợi ích từ nó. </p> </div> <div id="menu2" class "tab-pane fade" "menu3" class="tab-pane fade"> <h3>Menu 3</h3> <p>Tôi sẽ giải thích chính những điều đã được người khám phá ra sự thật đó nói và như thể là kiến trúc sư của một cuộc sống hạnh phúc.</p> </div> </ div> </div> </body> </html>