Bootstrap을 사용하려면 Grid CSS를 이해하는데에서 시작한다.
2.0 이전 버전에서는 .row , .spanXX 를 이용하여 grid 를 만들었지만
3.0 이상의 버전에서는 좀 다르다.
3.0 이상 버전에서는 "mobile first"라는 목표하에 모든 css 에 변화가 왔다.
게으로 개발자로서는 매우 불쾌한 일이기도 하죠.
대체 왜 이전 버전하고 호환이 안되는 이런 엄청난 변화가 일어난거지.... 당현한 불평이죠.
일단 내용을 좀 보자면
요즘 여러 해상도의 레이아웃을 해결할 수 있도록 하는 "responsive layout" 기능의 구현에 노력한것 같습니다.
일단 변화된 grid 시스템의 요체가 아래와 같습니다.
