가운데 5칸을 전체 가로폭에 맞게 조절하려며 어떻게 해야하나요? 채택완료

alexseo 5년 전 조회 2,035

총12칸 ::

3칸 차지 / 5칸 차지 / 3칸 차지

가운데 5칸을 전체 가로폭(12칸)에 맞게 조절하려며 어떻게 해야하나요?

==============

Bootstrap Example " target="_blank" rel="noopener noreferrer">https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> " target="_blank" rel="noopener noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> " target="_blank" rel="noopener noreferrer">https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"> " target="_blank" rel="noopener noreferrer">https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js">

Responsive Columns

Resize the browser window to see the effect.

The columns will automatically stack on top of each other when the screen is less than 576px wide.

.col-sm-3

.col-sm-1

.col-sm-3

#가운데 #5칸을 #전체 #가로폭에

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

답변 4개

정렬:

채택된 답변

+20 포인트

폴라베어

5년 전

각각의 해상도에서 어떻게 보여줄지에 따라서 그루핑을 다르게 해야되는데 sm을 사용하신걸로봐서는 모바일은 대응안하는건가요?

대략적인 레이아웃을 표로 그려주시면 답변하는데 도움이 됩니다...

https://getbootstrap.com/docs/4.4/layout/grid/#grid-options">https://getbootstrap.com/docs/4.4/layout/grid/#grid-options

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

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

alexseo

5년 전

답변감사합니다.

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

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

alexseo

5년 전

아래와 같습니다.

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

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

rockM

5년 전

col-sm-offset으로 해결 해보시면 좋을것 같습니다.

codepen link 참고해 보세요.

https://www.codeply.com/go/bp/91138

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

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

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

로그인

가운데 5칸을 전체 가로폭에 맞게 조절하려며 어떻게 해야하나요? 채택완료

Responsive Columns

답변 4개

공유하기