[Bootstrap4] d-flex 속성 (with breakpoints)

 

• d-flex 와 d-inline-flex 
  • d-flex : 한 row를 block 형태로 차지한다.
  • d-inline-flex : 말 그대로, block 이 아닌 inline 형태이다.
• d-lg-inline-flex
  • breakpoints 가 lg 이상일 때만 inline 형태를 띈다.
  • lg 미만으로 내려가면 inline이 아닌 d-flex 형태를 띈다.

 

 

Window Size 가 LG 일때 (992px 이상, 1200px 미만)

 

 

 

 

Window Size 가 MD 일때 (768px 이상, 992px 미만)

d-lg-inline-flex 블록 부분이, 더이상 inline 형태가 아닌 d-flex 형태가 되어 아래로 내려감