boostrap双重tab嵌套结构

最新推荐文章于 2024-08-20 11:50:43 发布

东都花神

最新推荐文章于 2024-08-20 11:50:43 发布

阅读量7k

点赞数 6

本文链接：https://blog.csdn.net/qq_33988065/article/details/51690860

版权

在项目开发中我们有时候会遇到，双层tab嵌套的情况，如果直接写的话有些麻烦，但是利用boostrap却可以十分轻松的实现，大大的解放我们的生产力，这样我们就可以将宝贵的时间用在玩游戏这样的正确道路上了，想想还有点小激动。

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>Document</title>
        <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        
        <script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
        <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
        <ul class="nav nav-pills" id="myTab">
            <li class="active"><a href="#divstyle" data-toggle="tab">风格设置</a></li>
            <li><a href="#divmystyle" data-toggle="tab">自定义风格</a></li>
            <li><a href="#divbanshi" data-toggle="tab">版式设置</a></li>
        </ul>
        <div class</