Your next assignment is to work through the Bootstrap tutorial on W3Schools.com. Follow the tutorial, or follow along with the class to create a gallery of bootstrap examples. Bootstrap is the most popular HTML, CSS and Javascript framework being used to develop responsive and mobile friendly websites. Bootstrap is a completely free and open source frame work.
Assignment: Read through the bootstrap tutorial... try out each step and create your own gallery page that demonstrated the following bootstrap elements:
- Bootstrap CSS Basic Text
- Bootstrap CSS Buttons
- Bootstrap CSS Forms
- Bootstrap CSS Helpers
- Bootstrap CSS Images
- Bootstrap CSS Tables
- Bootstrap Components Glyphs
- Bootstrap Components Dropdowns
- Bootstrap Components Navs
- Bootstrap JS Collapse
Download and Modify Bootstrap to Customize your Template:
Want to change the colors of your template? Download bootstrap and re-link your html file to the downloaded bootstrap CSS file. Click the following link and un-zip the contents into your project folder. Change the bootstrap link code to embed the local bootstrap resource instead of using the online resource.
Link: Download Bootstrap
Customize Your Bootstrap Colors:
Want to change the color scheme of your template? Check out the link below, you can upload a photo and create a color scheme, or choose one of their pre-made ones. Copy-paste the CSS into the bootstrap.min.css file.
Link: Custom Color Scheme's for Bootstrap
 |
| Custom palette on my sample bootstrap page. |
