JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="navbar navbar-fixed-top navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
</button>
<a href="index.html" class="navbar-brand"><img src="images/logo.png" class="img-responsive" alt="logo"></a>
</div>
<div class="collapse navbar-collapse">
<ul id="menu-header" class="nav navbar-nav navbar-right">
<li>
<a href="index.html" class="smoothScroll">PÁGINA PRINCIPAL</a>
</li>
<li>
<a href="servicos.html" data-toggle="dropdown" class="dropdown-toggle">SERVIÇOS <span class="caret"></span></a>
<ul role="menu" class="dropdown-menu">
<li id="menu-item-185" class="menu-item-185 dropdown">
<a style="text-align:justify;" href="manuntencao.html"><i class="fa fa-cogs" aria-hidden="true"></i>
Manuntenção de websites</a>
</li>
<li id="menu-item-185" class="menu-item-185 dropdown">
<a style="text-align:justify;" href="web.html"><i class="fa fa-code" aria-hidden="true"></i>
Desenvolvimento Web</a>
</li>
<li id="menu-item-185" class="menu-item-185 dropdown">
<a style="text-align:justify;" href="redessociais.html"><i class="fa fa-level-up" aria-hidden="true"></i>  Redes Sociais</a>
</li>
<li id="menu-item-185" class="menu-item-185 dropdown">
...