JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
    <header>
      <div class="container">
        <div class="row">
          <div class="col-xs-12 col-sm-4">
            <a href="#">
              LOGO
            </a>
          </div>
          <div class="col-xs-12 col-sm-5">
            <h2>Lorem ipsum dolor sit amet, <strong> consectetur adipiscing elit.</strong> </h2>
          </div>
          <div class="col-xs-12 col-sm-3 text-right">
            <i class="flag cz active">A</i>
            <i class="flag uk">B</i>
            <i class="flag ge">C</i>
          </div>
        </div>
      </div>
    </header>

CSS

body {
    padding: 0 20px;
}
header {
	background: lightblue;
	padding: 1em 0; 
}

header h2 {font-size:1.2rem;margin:10px 0;}


.flag {
	width: 29px;
	height: 20px;
	display: inline-block;
    background: red; 
}

@media (min-width:768px) {
    
    header h2 {font-size:1.3rem;margin:0;}

}