Using HTML and CSS with Bootstrap in our JSP’s
JEE 8 HTML CSS Bootstrap Start Branch
1. Go to : https://getbootstrap.com/
Select version 3.x. https://getbootstrap.com/docs/3.4/getting-started/#download
Download the compiled and minified version and unzip in your local drive
Copy the extracted css, fonts and js directories into the Charity Registration Web App
Update all the JSP page headers to include these Bootstrap files
<head>
<title>Charity Registration</title>
<style>
/* Add custom spacing between form elements */
.form-group {
margin-bottom: 20px;
}
</style>
<link rel="stylesheet" href="../css/bootstrap.min.css">
<script src="../js/bootstrap.min.js"></script>
</head>
Update the JSP pages with Bootstrap presentation elements and Style sheets
Check in the end git branch of this slide show