Installing Bulma
There are a few ways that you can initialize Bulma inside the React app. You can certainly add it to your index.html
file inside the _public/
directory, or...you can add it via NPM and import it with ES6.
Note: You will want to add Bulma globally to refer to it once and use it throughout the entire application.
Option 1: Adding Bulma via a CDN
After Create-React-App is done installing, start the application with npm start and open the files in a text editor. In your project structure, you will see a public/
directory. Navigate to the public/
directory and open the index.html
file.
You can remove the pre-rendered comments if you’d like, but these aren’t too important.
Inside the <head>
, add Bulma via a CDN just like any other stylesheet in a website.
<link
href=
"https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.2/css/bulma.min.css"
rel=
"stylesheet"
>
Option 2: Adding Bulma via NPM
This is the recommended way of adding...