CODEWITHSUNDEEP
angulartwitter-bootstrap
Tom
Tom

Reputation: 171

Bootstrap theme doesn't work in Angular cli project

I have tried using a bootstrap theme in my project but it seems to behave different and I don't understand what's wrong. I wrote this in index.html:

<link rel="stylesheet" href="https://bootswatch.com/4/minty/bootstrap.min.css">

The result I get is the following: enter image description here

But the theme on the original website looks like this: https://bootswatch.com/minty/

Upvotes: 1

Views: 831

Answers (1)

Lakindu Gunasekara
Lakindu Gunasekara

Reputation: 4271

Instead of using in the index.html, add the styling sheet to .angular-cli.json

Step 1: Download bootstrap and the theme minty bootstrap

Step 2: Add to angular cli under styles and scripts

"styles": [
        "../pathTo/css/bootstrap.min.css",
        "myStyles.css"
 ],
"scripts": [
        "../pathTo/js/bootstrap.min.js"
]

Upvotes: 1

Related Questions