"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 부트 스트랩 3 열 재 배열 :`col-lg-push` 및`col-lg-pull`을 영리하게 사용합니다

부트 스트랩 3 열 재 배열 :`col-lg-push` 및`col-lg-pull`을 영리하게 사용합니다

2025-04-21에 게시되었습니다
검색:875

How to Rearrange Bootstrap 3 Columns Using `col-lg-push` and `col-lg-pull`?

푸시 클래스 사용 : 오른쪽으로 이동하려는 열에 col-lg-push-5 클래스를 추가하십시오. 이 클래스는 원래 위치에서 열을 5 개의 열 씩 밀어냅니다.

풀 클래스 사용 :

왼쪽으로 이동하려는 열에 col-lg-pull-5 클래스를 추가하십시오. 이 클래스는 열을 왼쪽으로 5 개의 열을 가져옵니다.

  1. 예 :
  2. 두 번째
    세 번째
  3. 설명 :
  4. 이 예에서 두 번째 열은 col-lg-push-5를 사용하여 5 개의 열로 오른쪽으로 푸시하여 큰 화면의 세 번째 열에 나타납니다. 첫 번째 열은 col-lg-pull-5를 사용하여 5 개의 열로 왼쪽으로 당겨서 세 번째 열에 가져옵니다. 이것은 원하는 레이아웃을 만듭니다 : [5] (두 번째), [5] (첫 번째), [2], 모바일에서 [5] [5] [2] 데스크탑에서

풀과 푸시 이해 :

Second
First
Third
풀 :] 왼쪽.

푸시 :

열을 오른쪽으로 이동합니다.

에만 영향을 미칩니다. 부트 스트랩이 기본적으로 모바일 레이아웃을 우선시함에 따라 더 작은 화면 크기.

최신 튜토리얼 더>

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

Copyright© 2022 湘ICP备2022001581号-3