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 với jQuery</h2> <p>Nhấp vào Tab để hiển thị tab đang hoạt động và tab trước đó.</p> <ul class= "nav nav-tabs"> <li class="active"><a href="#home">Trang chủ</a></li> <li><a href="#menu1">Menu 1</a ></li> <li><a href="#menu2">Thực đơn 2</a></li> <li><a href="#menu3">Thực đơn 3</a></li> < /ul> <div class="tab-content"> <div id="home" class="tab-pane fade in active"> <h3>HOME</h3> <p>Bản thân cơn đau là quan trọng, adipisin sẽ theo sau , nhưng tôi xảy ra vào thời điểm đầy đau đớn và khó nhọc.</p> </div> <div id="menu1" class="tab-pane fade"> <h3>Menu 1</h3 > <p> Trên thực tế, không ai nên thực hành bất kỳ loại công việc nào ngoại trừ việc nhận được một số lợi ích từ nó.</p> </div> <div id="menu2" class="tab-pane fade"> <h3>Menu 2</ h3> <p>Nhưng để bạn có thể thấy tất cả lỗi lầm này phát sinh từ đâu bởi những người buộc tội niềm vui và ca ngợi nỗi đau, tôi sẽ mở ra toàn bộ vấn đề.</p> </ div> <div id="menu3" class="tab-pane fade"> <h3> Menu 3</h3> <p>Và tôi sẽ giải thích chính những điều mà người khám phá ra sự thật đó đã nói và nó giống như kiến trúc sư của một cuộc sống hạnh phúc.</p> </div> </div> <hr> <p class="act"><b >Tab hoạt động</b>: <span></span></p> <p class="prev"><b>Tab trước</b>: <span></span></p> </ div> <SCRIPT_PLACEHOLDER_10/> </body> </html>