JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div id="header" class="container-fluid">
    <div class="row">
      <div class="col-xs-offset-2 top_menu_row1">
        <div class="col-xs-4 col-sm-4 top_menu_icon1 top-menu-icon-all">
          <div class="text_icon_name">Brands</div>
        </div>
        <div class="col-xs-4 col-sm-4 top_menu_icon2 top-menu-icon-all">
          <div class="text_icon_name">Education</div>
        </div>
        <div class="col-xs-4 col-sm-4 top_menu_icon3 top-menu-icon-all">
          <div class="text_icon_name">Categories</div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-offset-2 top_menu_row2">
        <div class="col-xs-4 col-sm-4 top_menu_icon4 top-menu-icon-all">
          <div class="text_icon_name">Books</div>
        </div>
        <div class="col-xs-4 col-sm-4 top_menu_icon5 top-menu-icon-all">
          <div class="text_icon_name">E-books</div>
        </div>
        <div class="col-xs-4 col-sm-4 top_menu_icon6 top-menu-icon-all">
          <div class="text_icon_name">Trending</div>
        </div>
      </div>
    </div>

CSS

.top_menu_icon1:before, .top_menu_icon2:before, .top_menu_icon3:before, .top_menu_icon4:before, .top_menu_icon5:before, .top_menu_icon6:before{
  background: url(../img/drawable-ldpi/sprites.png) no-repeat;
}

.top_menu {
  display: inline-block;
  position: relative;
}
.top-menu-icon-all { text-align: center }
.top-menu-icon-all:before {
  content:"";
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 100;
  position: relative;
  display:block;
  background-color:red;
  margin:0 auto;
}

.top_menu_icon1:before{
  background-position: -208px -56px ;	
}

.top_menu_icon2:before{
  background-position: -307px -56px ;
}

.top_menu_icon3:before{
  background-position: -407px -57px ;
}

.top_menu_icon4:before{
  background-position: -209px -107px ;
}

.top_menu_icon5:before{
  background-position: -308px -108px ;
}

.top_menu_icon6:before{
  background-position: -407px -108px ;
}