logo, search bar and cart in one row for mobile view

Code: Select all

<header>
<div class="container" style="relative;"> 

<div class="col-sm-4 col-xs-4"> 
<div id="logo">         
          <a href="https://buypower.bg/"><img src="https://buypower.bg/image/catalog/logo/SASHO-LOGO-small.png" title="Buy Power" alt="Buy Power" class="img-responsive" /></a> 
</div>     
</div>  
<div class="col-sm-6 col-xs-4"><div id="search" class="input-group"> 
<input type="text" name="search"  placeholder="Търсене" class="form-control input-lg" />  
<span class="input-group-btn">   
<button type="button" class="btn btn-primary-outline">
<i class="fa fa-search" style="font-size:36px" aria-hidden="true"></i>
</button>
</span>  </div>	</div>  

<div class="col-sm-2 col-xs-4">
<div id="cart" class="btn-group btn-block">
  <button type="button" data-toggle="dropdown" data-loading-text="Зареждане..." class="btn btn-inverse btn-block btn-lg dropdown-toggle"><i class="fa fa-shopping-cart"></i> <span id="cart-total"><span class="cart-count">0</span></span></button>
  <ul class="dropdown-menu pull-right">
        <li>
      <p class="text-center">Вашата количка е празна!</p>
    </li>
      </ul>
</div>
</div> 
</div>
</header>