bootstrap css display block text content nowrap

CSS ในการตัดข้อความ หรือแสดงข้อความให้อยู่ใน ขอบเขต  

.products-list .product-description {
  display: block;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

อธิบายตามรูปภาพเลยนะครับ..