JSFiddle - React, Tailwind, and code Playground

by Diego Vieira

JavaScript

//Elements
var topMenu = $('<nav class="navbar" role="navigation"></nav>');
var topMenuHeader = $('<div class="navbar-header"></div>');
//////////////////

//Links, assets..
var topMenuLogoMobile = $('<a href="http://www.unisanta.br" target="_blank"><img src="http://natacao.unisanta.br/Content/images/l-header.png" class="visible-xs pull-left" alt="" /></a>');

var topMenuCBtn = $('<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".collapseMe"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>');
//////////////////

//CssArea
topMenu.css({
    'background': '#064d7e', 
    'width': '100%'
});

topMenuLogo.css({
   'margin': '10px'; 
});
//////////////////

$("body").prepend(topMenu);