Repository for my Course on Bootstrap Layouts focusing on Responsive Design.
This is the repository for my course, Building a Data-Driven App with AngularJS. The full course is available at lynda.com.
Find out how Bootstrap can transform your standard HTML websites into inspired single-page designs. This course is a project-based approach to learning how to manipulate website layouts with the Bootstrap framework. Staff author Ray Villalobos tackles Bootstrap's layout classes, like containers, rows, and columns, and shows what it takes to customize Bootstrap's CSS and address layout challenges like multiple grids and columns. Plus, learn how to track navigation as users scroll, with the ScrollSpy plugin, and create a full-screen, responsive image carousel.
- Analyzing your markup
- Creating simple column layouts
- Creating basic navigation and a simple carousel
- Modifying Bootstrap styles
- Working with branding and toggle styles
- Adding interactivity
This repository has branches for each of the videos in the course. You can use the branch pop up menu in github to switch to a specific branch and take a look at the course at that stage. Or you can simply add /tree/BRANCH_NAME to the URL to go to the branch you want to peek at.
- Make sure you have these installed
- Clone this repository into your local machine using the terminal (mac) or Gitbash (PC)
> git clone https://github.com/planetoftheweb/responsivebootstrap.git - CD to the folder
cd responsivebootstrap - Run
> npm-installto install the project dependencies - Run
> gulpcommand to start the automation
For more help setting up a comprehensive Gulp.js workflow, check out Web Project Workflows with Gulp.js, Git, and Browserify.
Check out some of my other courses on lynda.com. You can also check out my youtube channel, follow me on twitter, or read my blog.
Warning: These files contain no images, but you can use your own images or use a placeholder website like placehold.it.