부트 스트랩 3의 텍스트 입력 필드 너비

Question

부트 스트랩 3에는 텍스트 입력 필드의 너비를 늘리는 고유 기능이 있습니까?

저는 bootstrap2에서 input-lg와 같은 클래스를 추가하여 입력 폭을 수정한다는 것을 알고 있지만, bootstrap3에서는 높이를 높이는 것처럼 보입니다.

Answer 1

"열 사이징"하위 섹션 here을 살펴보십시오. * .COL-LG- 같은 격자 열 클래스를 사용 .input-LG 같은 클래스를 사용

설정 높이와 폭 세트. 부트 스트랩 3 웹 사이트에서

예 :

<div class="row"> 
    <div class="col-lg-2"> 
    <input type="text" class="form-control" placeholder=".col-lg-2"> 
    </div> 
    <div class="col-lg-3"> 
    <input type="text" class="form-control" placeholder=".col-lg-3"> 
    </div> 
    <div class="col-lg-4"> 
    <input type="text" class="form-control" placeholder=".col-lg-4"> 
    </div> 
</div> 

Answer 2

나는 매우 복잡 비 대한 constructon BS3 건설을 발견했다. jsFilde

<div class="form-group"> 
    <label class="col-sm-3 control-label">Inline inputs</label> 
    <div class="col-sm-9"> 
     <div class="form-inline"> 
      <input type="text" value="Item 1" required class="form-control w-2"/> <input type="text" value="Item 2" class="form-control w-2"/> 
     </div> 
    </div> 
</div> 

<div class="form-group"> 
    <label class="col-sm-3 control-label">Stacked Inputs</label> 
     <div class="col-sm-9">    
      <input type="text" value="Item 1" required class="form-control w-2"/><input type="text" value="Item 2" class="form-control w-2"/> 
     </div> 
</div> 

CSS 코드 : : 최고의 여기 내 꺼야, 당신이 입력에 대한 CSS 클래스를 소유하는 것입니다

input[type="text"].w-2, 
input[type="date"].w-2, 
input[type="datetime"].w-2, 
input[type="email"].w-2, 
input[type="number"].w-2, 
select.w-2{ 
width: 16.66666667%; 
} 
input[type="text"].w-3, 
input[type="date"].w-3, 
input[type="datetime"].w-3, 
input[type="email"].w-3, 
input[type="number"].w-3, 
select.w-3{ 
width: 25%; 
} 
input[type="text"].w-4, 
input[type="date"].w-4, 
input[type="datetime"].w-4, 
input[type="email"].w-4, 
input[type="number"].w-4, 
select.w-4{ 
width: 33.33333333%; 
} 
input[type="text"].w-5, 
input[type="date"].w-5, 
input[type="datetime"].w-5, 
input[type="email"].w-5, 
input[type="number"].w-5, 
select.w-5{ 
width: 41.66666667%; 
}