如何在struts 2中使用Bootstrap?

时间:2017-05-07 05:29:48

标签: struts2

我是struts2和bootstarp的初学者。我不能使用我的struts2表单的bootstrap。我正在使用以下Jar:

commons-fileupload-1.2.2.jar
common-io-2.0.1.jar
commons-lang3-3.1.jar
commons-logging-1.1.1.jar
commons-logging-api-1.1.jar
freemaker-2.3.19.jar
javaassist-3.11.0.GA.jar
javax.servlet-api-3.0.1.jar
mysql-connector.jar
ognl-3.0.6.jar
struct2-core-2.3.14.2.jar
xwork-core-2.3.14.2.jar
asm-3.3.1.jar
asm-commons-3.3.jar
asm-tree-3.3.jar

我的jsp页面如下:

<%@ taglib uri="/struts-tags" prefix="s" %>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <title>Insert title here</title>
    <link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <script src="../js/jquery.min.js"></script>
 <script src="../js/bootstrap.min.js"></script>
</head>
<body>


<s:form action="loginprocess" cssClass="form-horizontal">

<div class="form-group">
   <label class="control-label col-sm-2" for="email">Email:</label>
   <div class="col-sm-10">
  <s:textfield name="username"  ></s:textfield>
   </div>
 </div>



 <div class="form-group">
<label class="control-label col-sm-2" for="pwd">Password:</label>
<div class="col-sm-10">  
<s:password name="userpass"   ></s:password>
 </div>
 </div>


 <s:submit value="login"></s:submit>

<div class="form-group"> 
<div class="col-sm-offset-2 col-sm-10">
  <div class="checkbox">
    <label><input type="checkbox"> Remember me</label>
     </div>
   </div>
  </div>

 </s:form>

Not registered yet ,Please Sign Up
<a href ="index.jsp">Sign Up</a>


</body>
</html>

但它会产生一个可怕的输出,其中所有元素都被打破。输出如下:

output of my project

我需要将哪些额外的jar文件添加到我的项目中?或者使用struts2和bootstrap创建表单需要做些什么?请帮忙。

1 个答案:

答案 0 :(得分:0)

theme="simple"添加到所有struts元素。 喜欢: -

<s:form action="loginprocess" cssClass="form-horizontal" theme="simple">