Shoelace.io (부트스트랩 grid helper)

반응형 모바일 페이지를 만들다가 우선은 기존 스타일에서 @media 를 이용해서 어찌저찌 완성은 했지만 부트스트랩을 쓰게 되면 모바일일 때도 자동으로 배치랑 구조가 잡힌다고 해서 찾아보다가 

 

매우 유용한 사이트를 하나 찾았다. 

 

http://shoelace.io/

 

 

 

이런식으로 데스크 탑일 때 블락들을 잡아두면 왼쪽 상단 첫번째에 뜨는 것처럼 ui가 나오고 모바일일때 디자인을 손봐서 데스크탑일 때 UI도 조정할 수 있다. 

 

매우 유용하고 좋아 보여서 한번 공유해보았다.