bootstrap tab 常用
image.png
<!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"> <script src="http://code.jquery.com/jquery.js"></script> <script src="js/bootstrap.min.js"></script> </head> <body> <ul id="myTab" class="nav nav-tabs"> <li class=""> <a href="#home" data-toggle="tab">用户背景</a> </li> <li class=""> <a href="#profile" data-toggle="tab">方案描述</a> </li> <li class=""> <a href="#messages" data-toggle="tab">方案优势</a> </li> <li class=""> <a href="#settings" data-toggle="tab">方案优势</a> </li> </ul> <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="home">...</div> <div role="tabpanel" class="tab-pane" id="profile">...</div> <div role="tabpanel" class="tab-pane" id="messages">...</div> <div role="tabpanel" class="tab-pane" id="settings">...</div> </div> </body> </html>