Join egghead, unlock knowledge.

Want more egghead?

This lesson is for members. Join us? Get access to all 3,000+ tutorials + a community with expert developers around the world.

Unlock This Lesson
1×
Become a member
to unlock all features
Autoplay

    Add Bootstrap to an Angular CLI Project

    Bram BorggreveBram Borggreve
    angularAngular
    ^6.0.0
    angular-cliAngular CLI

    In this lesson we will add Bootstrap to our project. This allows us to focus on building our app without having to spend too much time writing custom CSS.

    We will use grab the URL too the Bootstrap CSS from bootstrapcdn.com and add it to our project by adding a @import url('') statement to src/styles.scss.

    Code

    Code

    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson
    Transcript

    Transcript

    Instructor: 00:00 Let's go to bootstrapcdn.com and copy the link to the latest version of bootstrap. We open source, styles.scss, and add the import rule. We'll pass in the URL methods and paste in the URL we just copied. We see that the font changed from Serif to San Serif.

    Discuss

    Discuss