부트 스트랩 4 센터 div
<div class="d-flex justify-content-start">...</div>
<div class="d-flex justify-content-end">...</div>
<div class="d-flex justify-content-center">...</div>
<div class="d-flex justify-content-between">...</div>
<div class="d-flex justify-content-around">...</div>
부트스트랩 col 센터 콘텐츠
<div class="row">
<div class="col-4 d-flex justify-content-center text-center">
// for image and text
</div>
</div>
ustify-content:플렉스 엔드
<div class="d-flex justify-content-end">...</div>
플렉스 열 표시
.container {
display: flex;
flex-direction: column;
}
플렉스 랩 부트 스트랩
<div class="d-flex flex-wrap">...</div>
부트 스트랩 플렉스 방향 열
d-flex flex-column
부트 스트랩 디스플레이 플렉스
<div class="d-flex">I'm a flexbox container!</div>
플렉스 방향 열 부트 스트랩 4
<div class="d-flex justify-content-start">...</div>
<div class="d-flex justify-content-end">...</div>
<div class="d-flex justify-content-center">...</div>
<div class="d-flex justify-content-between">...</div>
<div class="d-flex justify-content-around">...</div>