반응 형 레이아웃의 양식

텍스트 필드가 .span1 규칙을 따르지 않는 이유는 무엇입니까? 문제를 해결하려면 어떻게해야합니까? 반응 형 레이아웃의 양식

<html> 
<head> 
    <title></title> 
</head> 
<body> 
    <div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span12"> 
     <form class="form-horizontal"> 
      <fieldset> 
      <div class="control-group"> 
       <label class="control-label" for="focusedInput">Focused input</label> 
       <div class="controls"> 
       <input class="focused span1" id="focusedInput" type="text" 
       value="This is focused" /> 
       </div> 
      </div> 
      <div class="control-group"> 
       <label class="control-label">Uneditable input</label> 
       <div class="controls"> 
       <span class="span1 uneditable-input">Some value here</span> 
       </div> 
      </div> 
      </fieldset> 
     </form> 
     </div> 
    </div> 
    </div> 
</body> 
</html>

를 해결하는 빠른 방법은 row에 row-fluid을 변경하는 것입니다. 그런데도 row-fluid 태그를 사용하면서 수정하려면 어떻게해야합니까?

출처

2012-05-27 amree

스팬 대신 입력을 사용해 보시지 않겠습니까?

<input class="uneditable-input span1" value="Some value here" />

http://jsfiddle.net/uWbe9/

출처

2012-05-27 04:47:07 mg1075

//www.vanseodesign.com/css/css-specificity-inheritance-cascaade/, 지금 필드에 새 값을 입력 할 수 있습니다 'readonly = "readonly"'로 설정하면 단지 보이지 않게됩니다. – amree

은 나는 그것이 CSS 우선 순위의 문제라고 생각 - 당신 폭 : 100 %; 다른 스타일로 덮어 쓰고 있습니다. 다시 앞서기를 앞에 ".container 유체를"추가 : 최고 우선 순위를 다시 수행 할 또 다른 클래스를 추가,

.container-fluid .row-fluid [class*="span"] { 
width: 100%; 
[.. rest of styles here] 
}

을 즉를 해결하려면.

데모 : http://jsfiddle.net/lukem/HA26E/1/

CSS의 우선 순위 규칙 : HTTP : 입력으로

출처

2012-05-31 20:22:18

반응 형 레이아웃의 양식

답변

관련 문제