JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="col-md-4" id="logo">LOGO</div>
    <div class="col-md-4" id="search">SEARCH</div>
    <div class="col-md-4" id="buton">BUTON1 + BUTON2</div>

    <div class="col-md-8 col-md-offset-4" id="menu">MENU ITEM 01  | MENU ITEM 02  | MENU ITEM 03  |MENU ITEM 04  |</div>
</div>

CSS

@import url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css');
 #logo {
    background-color:gray;
 height:50px;
}
#search {
    background-color:aqua;
}
#buton {
    background-color:pink;
}
#menu {
    background-color:yellow;
}