정보실

웹학교

정보실

bootstrap 부트스트랩 3.x grid system변화

본문

이전의 부트스트랩을 사용하던 사람들은 그리드시스템에서 혼란을 겪을 수 있습니다..

2.x 에서는 <span>을 이용하여 그리드를 구분하였고 767px을 기준으로 PC와 모바일로 나누었습니다.

 

1개의 PC 그리드 시스템이라고 볼 수 있습니다.

 

3.x에서는 그리드시스템에서 많은 변화가 생겼는데 일단 모바일 우선주의라는 것입니다.

그리고,

<span>을 사용하지 않고

col-xs-*    // extra small

col-sm-*   // small

col-md-*  // middle

col-lg-*  // large

를 사용합니다.

 

사실 <span>은 html의 기본 엘리먼트이므로 그리드에 사용하는 것이 적절하지 않을 수 있습니다.

 

http://getbootstrap.com/css/#grid 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 1,508회 ]  작성일14-11-04 08:06

웹학교