1、导入bootstrap开发框架

http://v3.bootcss.com/getting-started/#download

2、导入jQuery开发框架

http://jquery.com/download/

3、编码设置

<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>

4、头标签信息配置

5、完整页面代码

<%--  Created by IntelliJ IDEA.  User: asus  Date: 2016/10/6  Time: 21:19  To change this template use File | Settings | File Templates.--%><%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>          
        
                
            
    
           <%-- 本次不写row样式 --%>      
     
        
      
          
       
 用户登录
          
       
            
        用户名：            
        
                       <%-- id是为javascript服务的，而name是为了JSP的接收数据服务的 --%>              
                     
        
            
        
          
       
          
       
            
        密码：            
        
                       <%-- id是为javascript服务的，而name是为了JSP的接收数据服务的 --%>              
                     
        
            
        
          
       
          
       
            
        
              
         登录              
         重置            
        
          
       
        
      
      
     
    
    
  

以上