How To Install Bulma CSS Framework?
Bulma Installation
Bulma is a CSS library that provides CSS classes and it is used with HTML to provide specific styles. To install Bulma CSS, use npm command or hosted CDN links.
Bulma CSS library can be used inside the project in the following ways.
Bulma CSS Installation Using NPM
Use the following given npm command to insert the Bulma framework inside the project.
npm install bulma
2. Bulma Installation Using Hosted CDN
You can also use hosted CDN link of the Bulma CSS library. Simply, you have to add the following URL in the head section using <link>
<linkrel="stylesheet">
General Syntax
<head> <linkrel="stylesheet"/>
</head>
3.Install Locally
Simply, you have to visit https://github.com/jgthms/bulma/tree/master/css download the Bulma CSS library, and add it inside the head section of the web page using <link>
General Syntax
<head>
<linkrel="stylesheet"href="../code-support/library/css/bulma.min.css"/>
</head>
Starter Template
You can quick start with Bulma CSS framework using starter template:
General Syntax
<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="utf-8"/>
<metaname="viewport"content="width=device-width, initial-scale=1"/>
<title>Bulma CSS Starter Template</title>
<linkrel="stylesheet"/>
</head>
<body>
<sectionclass="section">
<divclass="container">
<h1class="title">
Hello World
</h1>
<pclass="subtitle">
This is a Bulma CSS starter template.
</p>
</div>
</section>
</body>
</html>
To read more about Bulma CSS installation, click here.