부트스트랩 그리드 크기 관련 질문

Question

첫 태그의 클래스에 class &#61; &#34;col-sm-2&#34;라고 쓰고두번째 태그 클래스에 class&#61; &#34;col-sm-10&#34;라고 쓰면웹페이지 화면의 가로방향으로 12개로 나눈 것 중에서첫 2칸을 첫 태그의 영역으로 지정하고나머지 10칸을 두번째 태그의 영역으로 지정하는건데여기서 첫 태그를 2칸으로하고 두번째 태그는 (나머지 칸의 전부인 10으로 하지 않고) 6칸만 차지하게 하려면 어떻게 해야하나요?두번째 태그에 class&#61; &#34;col-sm-6&#34;라고 하면 나머지의 전부인 10칸을 다 차지해버려서 디자인이 이상합니다.

doooss · Answer

12 grid 모델에서는 그렇게 될 리 없어서 테스트 해본 결과 6칸만 차지하는데요? 코드를 더 보여주시거나 개발자 모드로 확인 해주셔야 도와드릴 수 있을 거 같습니다.

미니츠미 · Answer

doooss아래 보시다시피 '아이디'라고 입력된 label태그는 col-sm-2이고'test01'이 입력된 input태그는 col-sm-6&#34;인데input의 가로크기가 label의 세배를 훨씬 넘는것 같습니다.뭔가 이상한데 어떻게 조절하는지 모르겠어요..

포기해.. · Answer

input 이나 label태그에 직접 쓰는게 아니라 div로 감쌓은 영역에 사용해야 됩니다.

부트스트랩 그리드 크기 관련 질문

3개의 답변

Q&A 목록