Install Bulma CSS in Angular

In this article I am going to show you how to install Bulma CSS library in your Angular 6 project.

You can use npm install command to install any package with Angular.

You open up the terminal and change to working directory to location where you have created the Angular project

npm install bulma --save-dev

1	npm install bulma --save-dev

Next you can add path to styles section of the angular.json file

"styles": [
             "node_modules/bulma/css/bulma.css",
          ],

"styles": [

"node_modules/bulma/css/bulma.css",

Now we have done the configuration and we will test now

You can add some code to the HTML file located at src\app\app.component.html

<div style="text-align:center">
  <h1>
   Hello World 
  </h1>
<a class="button">Button</a>
</div>

<h1>

Hello World

</h1>

<a class="button">Button</a>

</div>

You can run the following command to see the out put

ng serve -o

1	ng serve -o

This will open the http://localhost:4200/ in your browser. You can see the Button with Bluma CSS applied.

Similarly you can add the jQuery to the Angular