Agregar estilo con Bootstrap.

Considerar que el nombre de los archivos usados para este ejemplo puede que sean distintos de los que usted us, sin embargo, hacen lo mismo, por favor analice la actividad que hace cada documento y aplique los cambios al archivo respectivo de su propio proyecto. 1. Descargar el plugin de bootstrap del siguiente enlace: http://twitter.github.io/bootstrap/assets/bootstrap.zip 2. Descomprimir el archivo en la ubicacin que se desee. 3. Crear en el proyecto una carpeta llamada bootstrap como lo indica la siguiente imagen

NOTA 1: Es probable que el elemento Folder no aparezca en el men emergente, si este es el caso se selecciona Other del men emergente, en la ventana emergente se selecciona Other de la lista Categories y de la lista File Type se selecciona Folder. NOTA 2: Se debe poner especial cuidado en crear la carpeta dentro de Web Pages. Si por alguna razn se cre dentro de WEB-INF solo se debe seleccionar el elemento y arrastrarlo hacia Web Pages. 4. Agregar los archivos de bootstrab a la carpeta bootstrap que se acaba de crear. Para hacer esto de una manera sencilla podemos arrastrar las carpetas css y js ubicadas en la carpeta que se descomprimieron en el paso 2. El contenido de la carpeta quedar como sigue:

5. Considerar que el nombre de los archivos usados para este ejemplo puede que sean distintos de los que usted us, sin embargo, hacen lo mismo, por favor analice la actividad que hace cada documento y aplique los cambios al archivo respectivo de su propio proyecto. 6. Modificar el index.jsp para que quede como sigue:

7. Ir a registro.jsp y aplicar las siguientes modificaciones.

8. Modificar correcto.jsp de la siguiente manera:

9. Modificar login.jsp dentro de la carpeta admin de la siguiente manera:

10. Ir a start.jsp dentro de la carpeta admin y aplicar las siguientes modificaciones

11. Ir a mostrar.jsp dentro de la carpeta admin y aplicar los siguientes cambios

12. Guardar y ejecutar. Dudas y comentarios.