Bootstrap Snippet tabs using HTML CSS Bootstrap

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
 <div class="container-fluid">
                 <div class="row">
                    <div class="col-lg-12">
                       <h1 class="page-header">
                           Syllabus for CSS <!--small>Statistics Overview</small-->
                        </h1>
                        <!--ul class="nav nav-tabs">
                           <li class="active"><a href="#">Home</a></li>
                           <li><a href="#">SVN</a></li>
                           <li><a href="#">iOS</a></li>
                           <li><a href="#">VB.Net</a></li>
                           <li><a href="#">Java</a></li>
                           <li><a href="#">PHP</a></li>
                        </ul-->
                        <ul id="myTab" class="nav nav-tabs">
                           <li class="active">
                              <a href="#home" data-toggle="tab">
                                 Compulsory Subjects
                              </a>
                           </li>
                           <li><a href="#a" data-toggle="tab">Group A</a></li>
                           <!--li class="dropdown">
                              <a href="#" id="myTabDrop1" class="dropdown-toggle" 
                                 data-toggle="dropdown">Java 
                                 <b class="caret"></b>
                              </a>
                              <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">
                                 <li><a href="#jmeter" tabindex="-1" data-toggle="tab">jmeter</a></li>
                                 <li><a href="#ejb" tabindex="-1" data-toggle="tab">ejb</a></li>
                              </ul>
                           </li-->
                           <li><a href="#b" data-toggle="tab">Group B</a></li>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
.content_accordion{
        margin: 20px;
    }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"tabs"
Bootstrap 3.2.0 Snippet by Rameez

Related: See More

Questions / Comments:

"tabs" Bootstrap 3.2.0 Snippet by Rameez

Related: See More

Questions / Comments:

"tabs"
Bootstrap 3.2.0 Snippet by Rameez