Boostrap 4에 반응하도록 이 카드를 어떻게 조정합니까?
P粉509383150
P粉509383150 2024-04-05 10:48:45
0
1
4851

만드는 방법 row 카드 4장을 보여주고 화면 크기가 바뀌면 쌓이게 됩니다. 이상적으로는 둘 사이에 약간의 공간이 있어야 합니다. 나는 연구할 수 있는 가능한 모든 조합을 시도했습니다.

으아악 으아악

P粉509383150
P粉509383150

모든 응답(1)
P粉677573079

반응형 클래스에 대한 부트스트랩 문서를 읽어보세요. 이 코드에서는 태블릿에서 시작하는 2개의 카드와 더 큰 화면(col-xl-3)에 4개의 카드를 표시하기 위해 해당 코드(col-md-6)를 사용했습니다.

시. 코드를 정리하고 모바일 보기에 중요한 메타 뷰포트를 추가했습니다!

으아악

으아악 으아악
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿