Profile: larsS

Problem: I have a Bootstrap grid View that displays several items in a row. Each item has different content, so the height of each item is different. When a background or border is applied, each item has a different height and looks inconsistent. I would like for all items in each row to have a consistent height.

Solution: The simplest solution is to use CSS to apply a fixed height to all the items, using text-overflow properties to truncate the text with an ellipsis. A more complex solution is to write your own custom JavaScript that inspects each row and determines the tallest item, then applies that height to all items in the row.