Bootstrap tab
发布时间:2020-12-17 20:46:55 所属栏目:安全 来源:网络整理
导读:! DOCTYPE html html head meta charset ="utf-8" meta http-equiv ="X-UA-Compatible" content ="IE=edge" meta name ="viewport" content ="width=device-width,initial-scale=1" title bootstrap实战页面 / title link href ="css/bootstrap.min.css" typ
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>bootstrap实战页面</title> <link href="css/bootstrap.min.css" type="text/css" rel="stylesheet"> </head> <body> <ul class="nav nav-tabs"> <li class="active"><a href="#tab1" data-toggle="tab">标签1</a></li> <li><a href="#tab2" data-toggle="tab">标签2</a></li> <li><a href="#tab3" data-toggle="tab">标签3</a></li> <li><a href="#tab4" data-toggle="tab">标签4</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="tab1">这是标签1</div> <div class="tab-pane" id="tab2">这是标签2</div> <div class="tab-pane" id="tab3">这是标签3</div> <div class="tab-pane" id="tab4">这是标签4</div> </div> <script src="js/jquery.js"></script> <script src="js/bootstrap.js"></script> </body> </html> ? 摘自Bootstrap 实战 Kindle 版本. IDE是HBuilder. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |