Struts 2中的CSS和对齐形式

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>

我有以下内容：

我试图插入struts标签，所以我现在有了这个代码：

<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和javascript内容，您可以在浏览器源窗口中看到它们。如果您希望尽可能减少更改，可以在表单标记

上使用simple主题

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

或在struts.xml

中全局配置

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

您可以在Struts 2 Themes中了解有关主题的更多信息。