Как выровнять текст по-горизонтали, если изображения над ним разного размера, bootstrap?

Question

[depressionofoleg]

<div class="row">
			<div class="col-lg-2 text-center">
				<img src="img/001.png" alt="">
				<p>text1</p>
			</div>
			<div class="col-lg-2">
				<img src="img/002.png" alt="">
				<p>text2</p>
			</div>
			<div class="col-lg-2">
				<img src="img/003.png" alt="">
				<p>text3</p>
			</div>
			<div class="col-lg-2">
				<img src="img/004.png" alt="">
				<p>text4</p>
			</div>
			<div class="col-lg-2">
				<img src="img/005.png" alt="">
				<p>text5</p>
			</div>
			<div class="col-lg-2">
				<img src="img/006.png" alt="">
				<p>text6</p>
			</div>
		</div>

Имеем 6 колонок с картинками, под ними текст, но так как картинки разной высоты текст не ровный по горизонтали. margin на текст делал. текст отошел от картинок, но все равно не ровный по горизонтали.

Answer 1

[Lumore]

https://codepen.io/anon/pen/BVwEeP

Answer 2

[Андрій Брода]

https://codepen.io/AndriyBroda/pen/GGMLaQ