Bootstrap Code

Output

<!DOCTYPE html>
<html>
<head>
    <title>navbar example</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>


</head>
<body>
<div class="container">
<h1>A Bootstrap Tab with dropdown example</h1>

<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
  <li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
  <li><a href="#java" role="tab" data-toggle="tab">Java</a></li>
  <li><a href="#csharp" role="tab" data-toggle="tab">C#</a></li>
  <li><a href="#mysql" role="tab" data-toggle="tab">MySQL</a></li>

<li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Web <b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a href="#jquery" role="tab" data-toggle="tab">jQuery</a></li>
                <li><a href="#boots" role="tab" data-toggle="tab">Bootstrap</a></li>
                <li><a href="#html" role="tab" data-toggle="tab">HTML</a></li>
            </ul>
</li>
  
</ul>
</li>

<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane active" id="home">Content for home page here</div>
  <div class="tab-pane" id="java">Java is a programming language!</div>
  <div class="tab-pane" id="csharp">C# is also a programming language</div>
  <div class="tab-pane" id="mysql">MySQL is a databased mostly used for web applications.</div>
  <div class="tab-pane" id="jquery">jQuery content here </div>
  <div class="tab-pane" id="boots">Bootstrap Content here</div>
  <div class="tab-pane" id="html">Hypertext Markup Language</div>
</div>
</body>
</html>

A Bootstrap Tab with dropdown example

Content for home page here

Java is a programming language!

C# is also a programming language

MySQL is a databased mostly used for web applications.

jQuery content here

Bootstrap Content here

Hypertext Markup Language