<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<h2>BroadBand Plans</h2>
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#DaualSpeed">Dual Speed</a></li>
<li><a data-toggle="tab" href="#UnlimatedPlans">Unlimated Plans</a></li>
<li><a data-toggle="tab" href="#DayNightPlan">Day /Night Plans</a></li>
<li><a data-toggle="tab" href="#MBPlans">MB Plans</a></li>
</ul>
<div class="tab-content">
<div id="DaualSpeed" class="tab-pane fade in active">
<ul class="nav nav1 nav-tabs nav-tabs12 nav-stacked col-md-3">
<li class="active"><a data-toggle="tab" href="#D100mbps">100 Mbps</a></li>
<li><a data-toggle="tab" href="#D50mbps">50 Mbps</a></li>
<li><a data-toggle="tab" href="#D20mbps">20 Mbps</a></li>
<li><a data-toggle="tab" href="#D15mbps">15 Mbps</a></li>
<li><a data-toggle="tab" href="#D10mbps">10 Mbps</a></li>
</ul>
<div class="tab-content col-md-9">
<div id="D100mbps" class="tab-pane fade in active">
<br>
<input type="button" value="YOU WTF 100" class="btn btn-primary">
<br>
<br>
<div class="table-responsive" style="border: 1px solid #98a198;">
<table class="table table-bordered">
