부트스트랩 스위치가 div의 다른 요소와 같은 줄에 표시되지 않는 이유는 무엇입니까?

Question

저희는 하대(下代码):

.global-wrap {
  디스플레이: 플렉스;
  플렉스 방향: 행;
  항목 정렬: 중앙;
  내용 정당화: 센터;
}

.머리글 {
  너비: 1024px;
  배경색: 보라색;
  패딩: 7px;
  여백: 0;
}

div {
  오버플로: 숨김;
  공백: nowrap;
}

.컨텐츠 svg {
  높이: 25px;
  너비: 25px;
  수직 정렬: 중간;
}

.내용 .제목 {
  색상: 흰색;
  여백: 0;
  글꼴 크기: 16px;
  수직 정렬: 중간;
  왼쪽 여백: 15px;
}

.내용 .스위치 {
  내용 정렬: 오른쪽;
}

  



  

    

      

        

          
          제목
          
                        
                        텍스트
                    
        
      
    
  

Answer 1

기본적으로 .form-check 类显示为块 이는 정상적인 흐름 중에 자체 라인으로 이동한다는 의미입니다.

인라인 양식 검사를 만들려면 .form-check类旁边使用.form-check-inline 클래스에서 만드세요.

https://getbootstrap.com/docs/5.0/forms /checks-radios/#inline

을 참고하세요 으아악