2013-08-05 3 views
-1

내 양식에 section divs이 있습니다. 각 섹션에는 여러 필드가있을 수 있습니다. 그것은 부트 스트랩 2.3 CSS로 잘 작동합니다. Bootstrap 3.0 css로 바꿨을 때, 모든 필드가 섹션 div에서 나왔습니다. 요소 검사를 시도했지만 차이점을 찾을 수 없었습니다.
CSS부트 스트랩 3 : 사업부가 이전처럼 작동하지 않습니다.

.section { 
    position: relative; 
    margin: 15px 0; 
    padding: 39px 19px 14px; 
    background-color: #fff; 
    border: 1px solid #649300; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 

} 

HTML

<div class="section" name="amount"> 
     <span class="section-title">Amount Information</span> 
      <div class="span6 form-inline"> 
       <label class="pocLabel"> 

       Amount Of</label> 
       <input type="text" name="amount" required=""> 
      </div> 
      <div class="span6 form-inline"> 
       <label class="pocLabel"> 
       Customer First Name</label> 
       <input type="text" name="firstName" required=""> 
      </div> 
      <div class="span6 form-inline"> 
       <label class="pocLabel"> 

       Customer Last Name</label> 
       <input type="text" name="lastName" required=""> 
      </div> 
      <div class="span6 form-inline"> 
       <label class="pocLabel"> 

       Middle intials</label> 
       <input type="text" name="middleIntials" required=""> 
      </div> 
      <div class="span6 form-inline"> 
       <label class="pocLabel"> 

       Date</label> 
       <input type="text" id="datepicker" class="datepicker" name="date"> 
      </div> 
      <div class="span6 form-inline"> 
       <label class="pocLabel"> 
       Street Address</label> 
       <input type="text" name="address"> 
      </div> 
      <div class="span6 form-inline"> 
       <label class="pocLabel"> 
       City</label> 
       <input type="text" name="city"> 
      </div> 
      <div class="span6 form-inline"> 
       <label class="pocLabel"> 
       State</label> 
       <input type="text" name="state"> 
      </div> 

      <div class="span6 form-inline"> 
       <label class="pocLabel"> 
       State 2</label> 
       <input type="text" name="state"> 
      </div> 

     </div> 

답변

0

입력 태그를 닫아두고 열어두면 문제가 발생할 수 있습니다.

예 : <input type="text" name="state"></input>

또는 : <input type="text" name="state" />

관련 문제