그리드 없이 Bootstrap 3에서 입력 너비를 제어하는 ​​방법은 무엇입니까?

Bootstrap 3의 입력 너비 관리

Bootstrap 3에서 입력 너비를 제어하는 ​​것은 어려울 수 있으며, 특히 그리드 사용이나 추가 CSS를 피하는 동안에는 더욱 그렇습니다.

원래 질문:

그리드 시스템이나 문서화되지 않은 옵션을 사용하지 않고 Bootstrap 3에서 입력 너비를 설정하는 방법은 무엇입니까?

`.col-lg-의 제한 사항 x 클래스:

.col-lg-x를 사용하여 입력 너비를 설정하는 것은 컨테이너 div에만 적용할 수 있어 레이아웃 및 부동 문제로 이어지기 때문에 가능하지 않습니다.

해결책:

입력 너비를 효과적으로 설정하려면 아래와 같이 각 입력 그룹을 자체 행에 래핑하세요.

<div class="container">
  <form role="form">
    <div class="row">
      <div class="form-group col-lg-1">
        <label for="code">Name</label>
        <input type="text" class="form-control" />
      </div>
    </div>

    <div class="row">
      <div class="form-group col-lg-1">
        <label for="code">Email</label>
        <input type="text" class="form-control input-normal" />
      </div>
    </div>
  </form>
</div>

추가 고려 사항:

• 이 솔루션은 화면 크기에 관계없이 사용자 정의 입력 너비를 허용합니다.
• 부트스트랩 레이아웃을 유지하면서 입력 너비가 원하는 사양을 따르도록 보장합니다.
• By 기본적으로 입력 너비는 95px보다 넓은 화면에 적용됩니다. 중단점을 사용자 정의하려면 Bootstrap 그리드 시스템 설명서를 참조하세요.

위 내용은 그리드 없이 Bootstrap 3에서 입력 너비를 제어하는 ​​방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!