행과 열로 인라인 양식 만들기

Question

부트스트랩 그리드를 배우려고 하는데 두 개의 열(하나는 넓고 하나는 너무 넓지 않음)이 있는 행을 만들고 싶습니다. 왼쪽 열에는 인라인 양식을 배치하고 오른쪽의 더 좁은 열에는 버튼이 있는 다른 양식을 배치하겠습니다. 2개의 열로 이루어진 행이 있는 Bootstrap 예제를 복사한 다음 Bootstrap 인라인 양식 코드를 복사하여 열 중 하나에 붙여넣었지만 코드를 실행하면 인라인이 아닙니다. 이것은 지금까지 내 코드입니다:

으아악

양식 컨트롤은 인라인이 아니라 서로 겹쳐져 있습니다.

내가 어디에서 잘못되고 있는지 볼 수 있는 사람이 있나요?

Answer 1

이전 버전의 Bootstrap 클래스를 사용하고 있지만 Bootstrap 5.1을 사용하고 있습니다. 몇 가지 사항을 변경했습니다. 먼저, 양식의 하위 항목에 추가된 .visually-hidden，不再是 .sr-only。其次，不再支持 .form-inline ，因此我将该类更改为 row 并将 .col-3 클래스입니다. 또한 한 열이 다른 열보다 더 넓어지길 원한다고 말씀하셨기 때문에 두 열의 클래스도 변경했습니다. 부트스트랩의 어떤 리소스를 사용하시는지는 모르겠지만 공식 문서를 참고해 보시길 추천드립니다.

으아아아