My Goals for HNG I8

Deen Muaz — Tue, 17 Aug 2021 00:47:16 +0000

Hi There,

How are you doing?

So as part of my goal this year to build up my skills as a software engineer, I enrolled in an annual 8-months intensive intership organised by Hotels.ng, a nigerian tech company owned by Mark Essien.

MY GOALS AT THE 8 WEEKS HNG INTERNSHIP PROGRAMME

Build up my skillset by working on more projects outside my job
Improve on my problem-solving skills, efficiency and speed.
Collaborate and grow team spirit.

Learn Figma Today
https://www.youtube.com/watch?v=g6rQFP9zCAM

Learn Git Today!
https://www.youtube.com/watch?v=8JJ101D3knE

Learn HTML Today!
https://www.youtube.com/watch?v=qz0aGYrrlhU

Learn Nodejs Today!
https://www.youtube.com/watch?v=TlB_eWDSMt4

Adding bootstrap to an exisiting Angular Project using angular-cli

Deen Muaz — Tue, 17 Aug 2021 00:19:47 +0000

Hello there,

I assume you are running an angular project and want to find out how to install bootstrap and add it to your project.

If so then, lets get right onto it.

1. Step 1 - installing Angular cli

First, we'll start by installing the angular-cli if it hasn't been done already by typing in the following command :

npm install -g @angular/cli

this will install angular-cli globally on your system

2. Step 2 - Starting a new angular project

Start a new angular project by typing:
ng new <ProjectName>

3. Step 3 - Installing bootstrap

In your projects root directory, install bootstrap by typing in :

npm install bootstrap

you can add the version number at the end i.e npm install bootstrap@5.0, however not adding it installs the latest version to your project

4. Importing bootstrap into our project

For the final step, we will need to import bootstrap to our project by adding an import statement in our root folders styles.css files

Open the src/styles.css file of your Angular project and import the bootstrap.css file as follows:

@import "~bootstrap/dist/css/bootstrap.css"

DEV Community: Deen Muaz

My Goals for HNG I8

Adding bootstrap to an exisiting Angular Project using angular-cli