트위터 부트 스트랩 3 MVC 면도기보기에서 텍스트 입력은 내가 ASP.Net MVC 면도기 응용 프로그램에서 수평 양식 및 양식 그룹과 트위터 부트 스트랩 3을 사용하고 첫번째 커플 부르는 것들은

Question

을 숨기고 나는 또한 모든보기가 양식 될 것입니다 내가 모든 컨트롤의 스타일 또는 개별적으로 확인하고 싶지 않기 때문에 내 레이아웃 템플릿에서 다음이 : 텍스트 입력으로

$('input[type=text]').addClass('form-control'); 

을, 이것은 내가 무엇이다 얻을 : 첫 번째 1-2 문자가 숨겨져 있습니다

을 그때를 보여줍니다 제어, 클릭 때까지 내가 IE (10)를 사용하고

그것은하지 않습니다 구글 크롬에서 발생 :

확실하지가 어떻게 그렇게 도움이입니다 해결하기 위해 ppreciated

Answer 1

나는 그것을 일으키는 것을 발견했다. 내 _Layout.cshtml보기에서 다음과 같은 자바 스크립트가 : 나는 그것을 제거하고 컨트롤에 클래스를 적용하면

$('input[type=text]').addClass('form-control'); 

가 제대로 렌더링 :

@Html.TextBoxFor(model => model.Manufacturer, new { style = "width: 400px;", @maxlength="50", @class = "form-control" }) 

텍스트 입력이 유일한 하나가 될 것 같다 이 문제. textarea와 select는 같은 동작을하지 않습니다.

모든 단일보기에서 모든 단일 컨트롤에 부트 스트랩 클래스를 넣지 않아도되도록하고 싶었습니다. 누구든지 더 나은 방법을 알고 있다면 알려주세요.

.form-control { 
    display: block; 
    width: 100%; 
    height: 34px; 
    padding: 6px 12px; /* this line is causing the problem */ 
    font-size: 14px; 
    line-height: 1.428571429; 
    color: #555555; 
    vertical-align: middle; 
    background-color: #ffffff; 
    border: 1px solid #cccccc; 
    border-radius: 4px; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
} 

가를 변경 증오 :

업데이트

그것은 bootstrap.css (버전 3.0.0 라인 1712)의 패딩 스타일 (12 픽셀)를 밝혀이 문제를 일으키는 부트 스트랩 CSS. 내 _Layout.cshtml보기에서 일시적으로 무시하고 있습니다 :

$('input[type=text]').addClass('form-control'); 
$('input[type=text]').css('padding', '6px 0');