Bootstrap development tab example, bootstraptab tab
<Html>
<Head>
<Title> tab </title>
<Meta charset = "UTF-8"/>
<Meta http-equiv = "X-UA-Compatible" content = "IE = edge"/>
<Meta name = "viewport" content = "width = device-width, initial-scale = 1"/>
<Link href = "../book/css/bootstrap.css" rel = "stylesheet" type = "text/css"/>
<Script src = "../file/jquery. js" type = "text/javascript"> </script>
<Script src = "../book/js/bootstrap. js" type = "text/javascript"> </script>
</Head>
<Body>
<Ul class = "nav-tabs">
<Li> <a href = "# home" data-toggle = "tab"> Home </a> </li>
<Li> <a href = "# profile" data-toggle = "tab"> Profile </a> </li>
<Li> <a href = "# message" data-toggle = "tab"> Message </a> </li>
<Li> <a href = "# set" data-toggle = "tab"> Set </a> </li>
</Ul>
<Div class = "tab-content">
<Div class = "tab-pane active" id = "home"> home </div>
<Div class = "tab-pane" id = "profile"> profile </div>
<Div class = "tab-pane" id = "message"> message </div>
<Div class = "tab-pane" id = "set"> set </div>
</Div>
</Body>
</Html>
Effect: