JSFiddle - React, Tailwind, and code Playground

by Tushar Dhingra

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class = "row">

<div class="col-sm-2 uno_part_wrapper"><img alt="Collar" src="http://i.imgur.com/bFWzKmu.jpg">Collar 1</div>
              
              
              
              <div class="col-sm-2 uno_part_wrapper"><img alt="Collar"  src="http://i.imgur.com/bFWzKmu.jpg">Collar 2</label></div>
                  
                  
                  <div class="col-sm-2 uno_part_wrapper"><img alt="Collar "  src="http://i.imgur.com/bFWzKmu.jpg">Collar 3</div>
                  
                  
                  <div class="col-sm-2 uno_part_wrapper"><img alt="Collar"  src="http://i.imgur.com/bFWzKmu.jpg">Collar 11</div>
                  
                  <div class="col-sm-2 uno_part_wrapper"><img alt="Collar mg"  src="http://i.imgur.com/bFWzKmu.jpg">Regular Classic Button Down C02-B</div>
                  
                  
                  <div class="col-sm-2 uno_part_wrapper"><img alt="Collar "  src="http://i.imgur.com/bFWzKmu.jpg">Regular Chinese C06</div>
                  
                      
                       <div class="col-sm-2 uno_part_wrapper"><img alt="Collar "  src="http://i.imgur.com/bFWzKmu.jpg">Regular Chinese C06</div>
                  
</div>

CSS

img{
    width:100%;
}
.col-sm-2 {
    white-space:nowrap;
}