Bootstrap 열이 행 맨 아래에 정렬되는 것을 방지하는 방법

Question

아아아아

여기서 제가 만들려고 하는 "delete_element" 버튼은 인라인 CSS 스타일을 사용하든, 부트스트랩의 정렬 메서드를 호출하든 관계없이 스타일을 어떻게 지정하든 하단 정렬을 고집하는 것 같습니다. contenteditable 요소에 맞춰 정렬하고 싶습니다. 어떻게 해야 합니까? 열에서 버튼을 사용할 때 버그가 있나요?

Answer 1

부트스트랩이 어떻게 작동하는지 이해하지 못하시네요. 그래서 버튼이 row(!) 하단에 정렬되어 있는 것입니다.

참고: 질문 제목이 잘못되었기 때문에 변경했습니다.

col 클래스를 사용하면 어떤 CSS를 추가하든 버튼이 항상 전체 화면 너비(예: 12열)를 차지하게 됩니다. 따라서 문제는 버튼이 아니라 열 클래스로 인해 발생합니다.

두 요소를 나란히 표시하려면 다음을 수행하세요.

1. 두 열의 합이 12열을 초과할 수 없습니다
2. col类（你可以使用col-1、col-2、col-3 클래스를 사용하지 마세요(
, col-2, col-3 등을 사용할 수 있음).

col-1아래 예시에서는 클래스를 두 번(1열 + 1열 = 2열, 12열 미만) 사용한 것을 확인할 수 있습니다. Grid System

에서 Bootstrap 5 문서를 읽어 보시기 바랍니다.

아래 코드 조각을 참조하세요.

🎜 으아악