JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="row" style="width:100%; background-color:pink;">
  <h2 class="col-xs-4 text-center">LOGO</h2>

  <div class="col-xs-4 text-center" id="search-bar-div" style="background-color:blue;">
    <form>
      <input placeholder="Search" type="text">
    </form>
  </div>
  
  <div class="col-xs-4 text-center">
    <span>some other stuff here</span>
  </div>
</div>

CSS

h2{
  margin:10px 0 10px 0;
}
#search-bar-div{
  display:flex;
  flex-direction:column;
  justify-content:center;
}