JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <body>
    <header id="header">
      <div class="container">
        <div class="topbarre row">
          <div class="col-md-3">
            Adresse :
          </div>
          <div class="col-md-3">
            Adresse :
          </div>
          <div class="col-md-3">
            Adresse :
          </div>
          <div class="col-md-3">
            Adresse :
          </div>
        </div>
        <div class="navbar row">
          <div class="col-md-4">
            <div class="brand">
              <img src="img/logo.png" alt="">
            </div>
          </div>
          <div class="col-md-8">
            <ul class="menu">
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
            </ul>
          </div>
        </div>
      </div>
    </header>
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
      </ol>

      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="http://fakeimg.pl/1920x600/" alt="...">
          <div class="carousel-caption">
            ...
          </div>
        </div>
        <div class="item">
          <img src="http://fakeimg.pl/1920x600/" alt="...">
          <div class="carousel-caption">
            ...
          </div>
        </div>
        <div class="item">
          <img src="http://fakeimg.pl/1920x600/" alt="...">
          <div...

CSS

#header { height: 115px;border-bottom: 10px solid #1a1a1a; }
#header .topbarre { margin-top: 30px; }
#header .navbar { background: black;min-height: 80px; margin-top: 20px;margin-bottom: 0;position: fixed;width:100%}
#header .navbar .brand { float: left; }
#header .navbar .menu { float: right; }
#header .navbar .menu li { padding: 30px 20px 0; list-style: none; display: inline-block; }
#header .navbar .menu li a { text-decoration: none;color: #777777; } 
#header .navbar .menu li a:hover { text-decoration: none;padding-top: 30px; border-top: 5px solid #FFFFFF;color: #FFFFFF; }