테스트 사이트 - 개발 중인 베타 버전입니다

영어 잘 하시는 분... 채택완료

홈짱 9년 전 조회 2,319

Grid Classes

The Bootstrap grid system has four classes:

  • xs (for phones)
  • sm (for tablets)
  • md (for desktops)
  • lg (for larger desktops)

The classes above can be combined to create more dynamic and flexible layouts.

Tip: Each class scales up, so if you wish to set the same widths for xs and sm, you only need to specify xs. 

위 핑크색 표현 의미 좀 해석 부탁드려요.
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
붉은바람

영어는 잘 못하지만 뭘 말하는건지 대충 이해는 되서요. 설명드릴게용.

 

부트스트랩(bootstrap)은 반응형웹(responsive web)을 좀더 개발하기 쉽게 제공해주는

javascript, css, html framework입니다.

 

여기에서 그리드 시스템을 제공하는데

xs, sm, md, lg 다 각기 디바이스별 크기에 따른 그리드를 나눠서 원하는 레이아웃을 구성할 수 있습니다.

 

xs(모바일 크기)와 sm(타블렛 크기)의 크기, 모양을 같게 하고 싶다면 xs만 설정하면 된다는 뜻 같습니다.

 

좀더 자세한 내용을 알고 싶다면..

http://bootstrapk.com/css/#grid">http://bootstrapk.com/css/#grid 

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

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

홈짱
9년 전
아주 자세하게 설명해 주셨네요. 고맙습니다. 즐거운 성탄절 되세요!!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인