CSS 및 alignement

Question

Struts2를 사용하기 전에 다음 코드했다 :

<form class="form-horizontal" role="form"> 

    <div style="margin-bottom: 25px" class="input-group"> 
     <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> 
     <input id="login-username" type="text" class="form-control" placeholder="Identifiant" name="username" value="" required autofocus> 
    </div> 

    <div style="margin-bottom: 25px" class="input-group"> 
     <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span> 
     <input id="login-password" type="password" placeholder="Mot de passe" class="form-control" name="password" required> 
    </div> 

    <div style="margin-top:10px" class="form-group"> 
     <div class="col-sm-12 controls"> 
       <button id="btn-login" class="btn btn-success" type="submit">Se connecter</button> 
     </div> 
    </div> 
</form> 

을 그리고 난 다음했다 : 나는 스트럿츠 태그를 삽입하려고

를, 그래서 이 코드를 지금 :

<s:form action="actionA" method="post" cssClass="form-horizontal"> 
    <div style="margin-bottom: 25px;" class="input-group"> 
     <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> 
     <s:textfield cssClass="form-control" name="identifiant" placeholder="Identifiant" required="true"/> 
    </div> 

    <div style="margin-bottom: 25px" class="input-group"> 
     <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span> 
     <s:password cssClass="form-control" name="motDePasse" placeholder="Mot de passe" required="true"/> 
    </div> 

    <div style="margin-top:10px" class="form-group"> 
     <div class="col-sm-12 controls"> 
      <s:submit key="submit" cssClass="btn btn-success" value="Se connecter"/> 
     </div> 
    </div> 
</s:form> 

문제는 디스플레이가 변경 :

는 디스플레이가 동일하지 않은 이유를 알고 있습니까?

Answer 1

문서가 동일하지 않기 때문에보기가 동일하지 않습니다. Struts2 UI 태그는 브라우저 소스 창에서 볼 수있는 장면 뒤에 HTML 및 자바 스크립트 컨텐츠를 생성합니다. 가능한 한 적은으로 변경을 유지하려면 폼 태그

<s:form action="actionA" method="post" cssClass="form-horizontal" theme="simple"> 

에 simple 테마를 사용하거나 Struts 2 Themes에 테마에 대한 자세한 내용을보실 수 있습니다 struts.xml

<constant name="struts.ui.theme" value="simple"/> 

세계적으로 구성 할 수 있습니다.