[Bootstrap] Float

이번 글은 매우 짧다.

기존 css에서 지원하는 float을 bootstrap에서는 어떻게 간편히 쓸 수 있는지 알아보는 시간이다.

기존 float은

float에 left, right을 선언해줘야 했다. 

그러나 Bootstrap을 사용하면

• .float-left
• .float-right
• .float-none
• .float-sm-left
• .float-sm-right
• .float-sm-none
• .float-md-left
• .float-md-right
• .float-md-none
• .float-lg-left
• .float-lg-right
• .float-lg-none
• .float-xl-left
• .float-xl-right
• .float-xl-none

위와 같은 class를 추가해 주는 것 만으로도 적용이 된다.

그리고 항상 주의할 것은.

float 유틸은 flex item에 영향을 줄 수 없다.!