Нужно ли изучать bootstrap и другие?

Тогда вопрос: актуален ли Bootstrap в 2018? Сейчас же вроде не делают сайты под него?

4 блока на одной горизонтали разных цветов?

Спасибо, все получилось.

4 блока на одной горизонтали разных цветов?

Спасибо, все получилось.

4 блока на одной горизонтали разных цветов?

Спасибо, все получилось.

Как выровнять иконку с fontawesome?

Ilya muromtsev, код я скинул выше, там где 5 комментариев

Как выровнять иконку с fontawesome?

а к чему это применить? Я просто этим не пользовался ни разу:)

Как выровнять иконку с fontawesome?

UnluckySerivelha, что-то из этого получилось, но теперь иконки под картинками. каша в голове, не могу понять как выравнять:)
вот скрин: https://imgur.com/a/EHSYV

вот html код
:

<div class="row">
			<div class="col-lg-12">
				<div class="faces">
					<img src="img/face2.png" alt="face" class="faces__img">
					<img src="img/face3.png" alt="face" class="faces__img">
					<img src="img/face.png" alt="face" class="faces__img">
					<img src="img/face4.png" alt="face" class="faces__img">
					<img src="img/face5.png" alt="face" class="faces__img">
				</div>
				<div class="faces__icons">
					<i class="fa fa-chevron-left faces__icon"></i>
					<i class="fa fa-chevron-right faces__icon"></i>
				</div>
			</div>
		</div>

вот css код

.faces__img{
	margin-top:32px;
	padding: 13px;
}

.faces__icon{
	padding: 10px;
	font-size:20px;
	padding-left: 250px;
	padding-right: 250px; 
}

Как выровнять иконку с fontawesome?

Дмитрий Полянский, код html:

<div class="row">
			<div class="col-lg-12">
				<div class="faces">
					<i class="fa fa-chevron-left faces__icon"></i>
					<img src="img/face2.png" alt="face" class="faces__img">
					<img src="img/face3.png" alt="face" class="faces__img">
					<img src="img/face.png" alt="face" class="faces__img">
					<img src="img/face4.png" alt="face" class="faces__img">
					<img src="img/face5.png" alt="face" class="faces__img">
					<i class="fa fa-chevron-right faces__icon"></i>
				</div>
			</div>
		</div>

код css:

.faces__img{
	margin-top:32px;
	padding: 13px;
}

.faces__icon{
	padding: 10px;
	font-size:20px;
}

Есть 4 дива. Нужно расставить их в ряд с отступом в 20 пикселей, как?

Сделать отступы получилось, но теперь вопрос другой. Как сделать, чтобы все они встали по центру?
скрин: https://imgur.com/a/TNCmU