"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 모바일에 부트 스트랩 4 div를 쌓아서 데스크탑에서 나란히 배열하는 방법은 무엇입니까?

모바일에 부트 스트랩 4 div를 쌓아서 데스크탑에서 나란히 배열하는 방법은 무엇입니까?

2025-03-22에 게시되었습니다
검색:156

How to Stack Bootstrap 4 Divs on Mobile and Arrange Them Side-by-Side on Desktop?

부트 스트랩 4로 div를 재배치하는 DIV를 재배치합니다. Desktop.

솔루션 :

  1. 더 큰 너비를 비활성화하면 :
    bootstrap 4의 Flexbox를 열에 동일한 높이를 할당합니다. 이를 방지하려면 중간보다 큰 폭에 대해 Flexbox를 비활성화합니다.
<div>
    & lt; div>

<div>
    :

(b 및 c)가 첫 번째 열을 활성화합니다. (a). 이 경우 첫 번째 열 순서를 1 (Order-1)로 설정하고 두 번째 열 순서를 0 (Order-0)으로 설정하십시오. 이것은 모바일에 B 이하의 B를 배치하면서 데스크탑에서 나란히 배열을 유지하면서
<div>

& lt; div> How to Stack Bootstrap 4 Divs on Mobile and Arrange Them Side-by-Side on Desktop?

이 솔루션은 원하는 전체 높이와 열이 남은 전체 높이와 열 B 및 c 열이 모바일에 쌓여 있습니다.
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3