O'Reilly logo

Complete Bootstrap: Responsive Web Development with Bootstrap 4 by Ian Whitley, David Cochran, Bass Jobsen, Matt Lambert

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Surveying the exercise files

Let's look at the first few files for this exercise. Create a new project by using Bootstrap CLI.

You can install Bootstrap CLI by running the following command in your console:

npm install -g bootstrap-cli

Then you can set up your project by running the following command:

bootstrap new 

Again, choose a new empty Bootstrap project. When prompted, select Panini, Sass, and Gulp option.:

Surveying the exercise files

There are a few additions you will have to make now:

  • Create a new assets/images folder.
  • Copy the files of the img folder to the new assets/images folder. It contains five images:
    • One logo image, named logo.png
    • Four portfolio item images
  • Add a new ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required