"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 내 부트스트랩 4개 열이 수평이 아닌 수직으로 정렬되는 이유는 무엇입니까?

내 부트스트랩 4개 열이 수평이 아닌 수직으로 정렬되는 이유는 무엇입니까?

2024년 11월 16일에 게시됨
검색:409

Why Are My Bootstrap 4 Columns Vertically Aligned Instead of Horizontally?

Bootstrap 4 열 정렬 불일치

Bootstrap 3에서 4로 전환하는 동안 열이 수직으로 정렬되는 것을 발견했습니다. 수평으로. 이는 Bootstrap 4의 그리드 시스템 변경으로 인해 발생할 수 있습니다.

Col-12 Issue

Bootstrap 3에서는 다음을 사용하여 상위 행 내에서 열을 래핑할 수 있습니다. 클래스 "col-12". 이것은 Bootstrap 4에서는 더 이상 유효하지 않습니다. 각 중첩 수준에는 자체 행이 있으므로 상위 행에서 "col-12" 클래스를 제거하십시오:

TEST

TEST

TEST

TEST

이렇게 하면 열이 수평으로 정렬되고 예상되는 동작이 유지됩니다. Bootstrap의 중첩에 대한 자세한 내용은 공식 문서(https://getbootstrap.com/docs/4.0/layout/grid/#nesting

)를 참조하세요.
최신 튜토리얼 더>

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

Copyright© 2022 湘ICP备2022001581号-3