Editor

Pregled code-a:

<!DOCTYPE HTML>
<html lang="hr">
<head>
	<meta charset="UTF-8">
 	
 	<title>Bootstrap Komponente - nav tab with dropdown</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/dist/js/bootstrap.min.js"></script>
  
</head>

<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 class="dropdown">
 	<a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown <span class="caret"></span></a>
	<ul class="dropdown-menu">
		<li><a href="#c" data-toggle="tab">c</a></li>
		<li><a href="#d" data-toggle="tab">d</a></li>
  </ul>
 </li>
</ul>

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

</div>
</div>

</body>
</html>

Pregled stranice:

Pogledaj stranicu ../css/bootstrap/primjeri/104nav_tab_with_dropdown.html.