My Development Notes


How to install Bulma CSS Framework into your Web Dev Project?


First create an project folder and add the index.html file in it with the boilerplate code. Next write this line of code inside the terminal to initialize the project with package.json :

npm init -y

Next, to install Bulma Framework inside your project type this inside the terminal :

npm install bulma

The above terminal command imports all the Bulma files and folders into your project by downloading a folder called node_modules inside your project folder.

Next, you should add the CSS link to your Bulma framework in the <head> section of your HTML to activate the project with Bulma :

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="node_modules/bulma/css/bulma.min.css" />
  </head>
  <body></body>
</html>

Now you can start using Bulma to build responsive websites and designs.


Leave a Reply

Your email address will not be published. Required fields are marked *