Sunday, November 20, 2016

Tab pane feature of bootstrap framework

This code will demonstrate the tabbing feature of bootstrap.


<meta charset="utf-8">
<title>Untitled Document</title>
 <link rel="stylesheet" href="">
  <script src=""></script>
  <script src=""></script>

<ul class="nav nav-justified nav-tabs">
<li><a href="#web" data-toggle="tab">Web design</a></li>
<li><a href="#development" data-toggle="tab" >Web development</a></li>
<li><a href="#android" data-toggle="tab">Android Development</a></li>
<li><a href="#IOS" data-toggle="tab">IOS Development</a></li>
<div class="tab-content">
<div class="tab-pane fade text-center" id="web">
<h1>Web design</h1>
<h3>We will learn about css,html,boostrap,js,jquery,angularJS and many other JS frameworks</h3>

<div class="tab-pane fade text-center" id="development">
<h1>Web Development</h1>
<h3>We will learn about,php,jsp,laravel,codeigniter and many other frameworks</h3>

<div class="tab-pane fade text-center" id="android">
<h1>Android development</h1>
<h3>We will learn about XML design,intent,service,activity and many more android programming features</h3>
<div class="tab-pane fade text-center" id="IOS">
<h1>IOS development</h1>
<h3>We will learn the language objective C,SWIFT and try to have a thorough knowledge of IOS programming</h3>

No comments:

Post a Comment