Editor

Pregled code-a:

<!DOCTYPE HTML>
<html lang="hr">
<head>
	<meta charset="UTF-8">
 	
 	<title>Bootstrap Komponente - nav tab js</title>
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	
  <link rel="stylesheet" type="text/css" href="/0frameworks/css_frameworks/bootstrap-3.1.1/dist/css/bootstrap.min.css">
  <script src="/0frameworks/css_frameworks/bootstrap-3.1.1/js/tests/vendor/jquery.js"></script>
  
  <script src="/0frameworks/css_frameworks/bootstrap-3.1.1/js/tab.js"></script>
</head>

<body>

<ul class="nav nav-tabs">
 <li class="active"><a href="#a" data-toggle="tab">a</a></li>
 <li><a href="#b" data-toggle="tab">b</a></li>
 <li><a href="#c" data-toggle="tab">c</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane active" id="a">aaa</div>
  <div class="tab-pane" id="b">bbb</div>
  <div class="tab-pane" id="c">ccc</div>
</div>

</body>
</html>

Pregled stranice:

Pogledaj stranicu ../css/bootstrap/primjeri/101nav_tab_js_nofade.html.