Installing Bootstrap 4 to our Cloud9 IDE with Bower

In this recipe, we will see how to install the newest version of Bootstrap 4 using Bower.

Getting ready

Just like the previous recipe, we will make a new project on Cloud9 IDE without cloning a repo.

How to do it...

1. Install bower using npm:

      npm install -g bower

2. Verify the bower installation:

      which bower && bower -v

Note that both commands should return some values.

3. Install Bootstrap 4 alpha 6:

      bower install bootstrap#v4.0.0-alpha.6

4. Navigate to the bootstrap folder:

      cd && cd workspace/bower_components/bootstrap

5. Run npm install to install all the dependencies:

      npm install

Note that this will take a while.

6. Run grunt verbose:

      grunt -v

Now, you can easily reference the dist folder with the necessary styles and scripts for your Bootstrap website to work.