부트스트랩 col 센터 콘텐츠
<div class="row">
<div class="col-4 d-flex justify-content-center text-center">
// for image and text
</div>
</div>
alighn 오른쪽 부스트랩 4
<div class="float-left">Float left on all viewport sizes</div><br>
<div class="float-right">Float right on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>
bootstrap justify-content-center for md
<div class="row justify-content-md-center"></div>
플렉스 엔드 부트 스트랩 정렬
<div class="d-flex justify-content-end">...</div>
클래스 부트 스트랩 사이의 콘텐츠 공간 정당화
<div class="row d-flex justify-content-between"></div>
부트 스트랩 정당화-lg 용 콘텐츠 센터
<div class="row justify-content-lg-center"><div>