<div class="navbar navbar-inverse" role="navigation">
<div class="navbar-header">
<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt=""></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Packing<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">DATA</a></li>
<li><a href="output_production.php">Output Production</a></li>
<li><a href="#">INPUT</a></li>
<li><a href="input_output_packing.php">Input Output Packing</a></li>
</ul>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>

#navigation .navbar-collapse.collapse {
margin: 28px 0 0;
}
#navigation .navbar-inverse .navbar-nav > li {
margin: 0 7px 0 0;
}
#navigation .navbar-inverse .navbar-nav > li > a {
color: #fff;
line-height: 40px;
padding: 0 20px;
position: relative;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
text-transform: none;
transition: none;
}
#navigation .navbar-inverse .navbar-nav > li > a:hover {
/* color: #f6be60; */
background: #2DCC70;
}

#navigation .navbar-collapse.collapse {
/* margin: 28px 0 0; */
margin: 0 0 0; /* saya ubah jadi seperti ini */
}
#navigation .navbar-inverse .navbar-nav > li {
margin: 0 7px 0 0;
}
#navigation .navbar-inverse .navbar-nav > li > a {
color: #fff;
line-height: 40px;
padding: 0 20px;
position: relative;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
text-transform: none;
transition: none;
height: 102px; /* penambahan tinggi */
}
#navigation .navbar-inverse .navbar-nav > li > a:hover {
/* color: #f6be60; */
background: #2DCC70;
}