JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<!-- Begin header -->
<header>

  <div class="top-bar">
    <div class="container">
      <div class="pull-right">
        <ul class="text-menu">
          <li><a href="cine-suntem">Despre Noi</a></li>
          <li><a href="echipa-10plus">Echipa 10+</a></li>
          <li><a href="cariera">Cariera</a></li>
          <li><a href="noutati">Noutati</a></li>
          <li><a href="contact">Contact</a></li>
        </ul>
        <ul class="icons-menu">
          <li>
            <a href="#" class="account"></a>
          </li>
          <li>
            <a href="#" class="newsletter"></a>
          </li>
          <li>
            <a href="#" class="search"></a>
          </li>
        </ul>
        <ul class="text-menu languages">
          <li><a href="javascript:void(0);" data-lang="ro" class="active">RO</a></li>
          <li><a href="javascript:void(0);" data-lang="de">DE</a></li>
          <li><a href="javascript:void(0);" data-lang="en">EN</a></li>
        </ul>
      </div>
    </div>
  </div>
 <nav class="navbar navbar-default navbar-static white">
  <div class="container">
    <div class="navbar-header">
      <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".js-navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a href="" class="logo"> <img src="template/img/10plus-logo.png" alt="10plus"> </a>
    </div>
    <div class="collapse navbar-collapse js-navbar-collapse">
      <div class="pull-right">
        <ul class="nav navbar-nav">
          <li class="dropdown dropdown-large open">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">Cursuri elevi <b class="caret"></b></a>
            <ul class="dropdown-menu dropdown-menu-large row">
              <li class="col-md-4">
                <ul>
                  <li...

CSS

@import "fonts.css";
@import "normalize.css";
html,
body {
  vertical-align: baseline;
}

body {
  background-color: #f0f0f0;
  font-family: 'source sans pro', sans-serif;
  font-size: 13px;
  font-style: inherit;
  color: #253c2e;
  font-weight: 400;
}

a {
  color: #ff5a09;
  text-decoration: none;
  outline: none;
}

a:hover,
a:active {
  color: #e13913;
  text-decoration: none;
}

a:focus {
  outline: none;
  text-decoration: none;
}

.pull-left {
  float: left;
}

.pull-left-home {
  width: 480px;
  float: left;
}

.pull-right {
  float: right;
}

.pull-center {
  display: block;
  width: 960px;
  margin: 0 auto;
}

.img-thumbnail {
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.info-boxes:before,
.info-boxes:after,
.pull-center:before,
.pull-center:after,
.clear-fix:before,
.clear-fix:after {
  display: table;
  content: "";
  line-height: 0;
}

.info-boxes:after,
.pull-center:after,
.clear-fix:after {
  clear: both;
}

.info-boxes {
  margin-left: -20px;
}

.one,
.one-half,
.one-half-about,
.one-half-blog,
.two-third,
.one-third,
.one-fourth,
.one-fifth,
.one-sixth,
.three-fourths {
  float: left;
  position: relative;
  margin: 0 0 20px 20px;
}

.one {
  width: 960px;
  margin-right: 0;
}

.one-half {
  width: 470px;
}

.one-half-about {
  width: 595px;
}

.one-half-blog {
  width: 460px;
}

.one-third {
  width: 252px;
}

.one-fourth {
  width: 230px;
}

.one-fifth {
  width: 182px;
}

.one-sixth {
  width: 150px;
}

.two-third {
  width: 688px;
}

.three-fourths {
  width: 710px;
}


/*
.button {position: relative; display: inline-block; background: url("../img/buttons.png") no-repeat; border: none; outline: none; cursor: pointer; margin: 0 5px;}
.button.sign-in {width: 128px; height: 43px;...

JavaScript

$('nav ul ul.dropdown-menu').removeClass('row fluid-container').addClass('container');
    $(window).on('resize',function(){
      $('nav ul ul.dropdown-menu').css({padding:$('.container').css('margin')})
      //css({width:$('.container').width(),left:50+'%',marginLeft:-$('nav ul ul.dropdown-menu').width()/2});
    console.log($('.container').width());
    });