A Bootstrap login & Forgot Password Pages for Salesforce Communities

Desktop

Mobile

Mobile with Menu

1. Download folder "src" into your local workspace.
2. Upload the bootstrap zip file & community logo into salesforce as a static resource.
3. Load the all the background images into the images folder and compress that into a zip file.
4. Load the images zip file as a static resource in Salesforce.
   Note: Make sure that Zip file is less that 5 MB size (Salesforce limitation).
      If it is more that 5 MB consider loading image by image individually into a static resource.
5. Now modify the Visualforce page with the background images from the zip file.
   {!$Resource.ResourceName} - if the images are loaded individually.
   {!URLFOR($Resource.ResourceName, '/image/filename')} - If the images are loaded as a zip file.
6. Update navigation links and Single sign-on links as needed.