数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究使用 Bootstrap 渐隐选项卡
使用 Bootstrap 中的 .in 类别渐隐选项卡。
尝试运行以下代码渐隐选项卡 -
示例
<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> <script src = "/scripts/jquery.min.js"></script> <script src = "/bootstrap/js/bootstrap.min.js"></script> </head> <body> <div class = "container"> <h2>Tutorials Website</h2> <p>The following is our learning content:</p> <ul class = "nav nav-tabs"> <li class="active"><a data-toggle = "tab" href = "#home">Home</a></li> <li><a data-toggle = "tab" href = "#two">About</a></li> <li><a data-toggle = "tab" href = "#three">Product</a></li> </ul> <div class = "tab-content"> <div id = "home" class="tab-pane in active"> <h2>Home</h2> <p>This is demo text!</p> </div> <div id = "two" class="tab-pane fade"> <h2>About</h2> <p>This is demo text!</p> </div> <div id = "three" class="tab-pane fade"> <h2>Product</h2> <p>This is demo text!</p> </div> </div> </div> </body> </html>
更新日期： 12-06-2020
3 千次 + 浏览
广告