In this project, you’ll get a chance to try out Twitter’s Bootstrap framework by building a site that actually uses it – Newsweek.
- Go to newsweek.com and have a look around.
- Follow the instructions atop the Google Homepage project to set up a GitHub repository for this project (of course you’ll need to change the title).
- Create a new HTML document.
- Think about all the elements on the page and how they are grouped together.
- Add Bootstrap to your project by following the instructions at GetBootstrap.com. Use the examples on that page as templates for how to organize your page.
- Lay out the basic structure of the page using empty semantic HTML elements that are appropriately sized and which are positioned by using the appropriate Bootstrap classes.
- Set up the top title and navigation bar.
- Work your way down the page by filling in and positioning the additional sections.
- Try resizing the browser to see if it mimics the behavior of the real Newsweek homepage.
- Push your solution to GitHub.
This section contains helpful links to other content. It isn’t required, so consider it supplemental for if you need to dive deeper into something.
- This article by Adam Wathan provides a good perspective regarding separation of concerns when it comes to CSS frameworks.