부트 스트랩 4-큰 체크 박스를 왼쪽 정렬

debugcn 에 게시 Dev

롭 L

부트 스트랩 4.

<div class="form-group">
    <label asp-for="Enabled" class="control-label"></label>
    <input asp-for="Enabled" class="form-control" type="checkbox" />
    <span asp-validation-for="Enabled" class="text-danger"></span>
</div>

양식이 있습니다 (이미지 참조). 확인란이 다른 전체 너비 컨트롤처럼 가운데가 아닌 "사용"이라는 단어 아래에 있기를 원합니다.

"너비 : 자동"을 설정하면 확인란에서 이것은 작업을 수행하지만 작은 확인란을 표시합니다 (큰 확인란을 원합니다). 이미지를 참조하십시오.

<div class="form-group">
    <label asp-for="Enabled" class="control-label"></label>
    <input asp-for="Enabled" class="form-control" style="width: auto;" type="checkbox" />
    <span asp-validation-for="Enabled" class="text-danger"></span>
</div>

내 질문은 내 양식에 큰 왼쪽 정렬 확인란을 어떻게 얻을 수 있습니까?

시길

확인란의 높이와 너비를 설정하여 깔끔하지 않으면 트릭을 수행해야합니다.

.checkbox-large {
  width: 25px !important;
  height: 25px
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" />
<form>
  <div class="form-group">
    <label asp-for="Enabled" class="control-label">Enabled</label>
    <input asp-for="Enabled" class="form-control checkbox-large" type="checkbox" />
    <span asp-validation-for="Enabled" class="text-danger"></span>
  </div>
</form>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-04-2

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

부트 스트랩 4-큰 체크 박스를 왼쪽 정렬

부트 스트랩 4-큰 체크 박스를 왼쪽 정렬

고정 왼쪽 부트 스트랩 4를 CSS하는 방법

트위터 부트 스트랩 정렬 체크 박스

왼쪽에 부트 스트랩 정렬 버튼

simpleform + bootstrap in rails의 "remember me"체크 박스를 왼쪽 정렬

부트 스트랩 체크 박스 정렬 문제

체크 박스 텍스트, 실제 체크 박스를 왼쪽으로 밀기

세로로 체크 박스를 부트 스트랩 3 탭으로 정렬

부트 스트랩 4 토글 버튼 오른쪽 정렬

부트 스트랩 Nabber에서 왼쪽 또는 오른쪽 정렬

부트 스트랩 2 열 세로 정렬 + 1 이미지 왼쪽 정렬 + 1 이미지 오른쪽 정렬

부트 스트랩을위한 웰 내부 체크 박스 그리드 정렬

부트 스트랩을위한 웰 내부 체크 박스 그리드 정렬

부트 스트랩 4-정렬

중앙 정렬 콘텐츠를 부 트랩 4에서 왼쪽에 정렬되도록합니다.

사이드 바가 왼쪽으로 정렬되지 않음-부트 스트랩

부트 스트랩 드롭 다운 하위 메뉴 왼쪽 정렬

왼쪽 고정시 부트 스트랩 열 2 개

창 크기를 조정할 때 부트 스트랩 모달이 왼쪽에서 잘립니다.

부트 스트랩 4-탐색 모음 항목을 오른쪽에 정렬

부트 스트랩 4의 로고와 탐색 링크를 정렬하려고

트위터 부트 스트랩 : 체크 박스 라벨과 체크 박스를 정렬하는 적절한 방법

왼쪽 막대 아이콘과 오른쪽 정렬 아이콘이있는 모바일 NavBar 부트 스트랩

맞춤 이미지가있는 부트 스트랩 버튼의 텍스트 및 아이콘 왼쪽 정렬

부트 스트랩 4에서 왼쪽 및 오른쪽 그리드를 고정하고 가운데 그리드를 스크롤 가능하게 만드는 방법

부트 스트랩 4 : 왼쪽의 Flexbox 이미지 및 오른쪽의 텍스트

중앙에있는 개체에 왼쪽 텍스트를 정렬하는 방법

부트 스트랩 4-전체 너비보다 1 % 더 큰 입력 행

django-crispy-forms 부트 스트랩 4 : 체크 박스를 가로로 표시하는 방법?

부트 스트랩 4의 레이블 및 텍스트 상자 크기 조정 및 정렬 문제