<!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.