Bulma CSS is an open source framework developed by Jeremy Thomas and has been used as an alternative to bootstrap.
Bulma is based in CSS Flexbox, therefore it is automatically responsive, a topic which we discussed in class.
Developed in 2016, Bulma CSS has taken the world by storm as many companies opt to use it for their websites.
In this tutorial, we present a career website.
Setup
There are several ways to install Bulma CSS.
First and foremost, before installing Bulma, create a new project in visual studio.
To do this, install Visual Studio and open a new project.
After this, using the search bar, type in "ASP.NET Core Web App" and scroll until there is an option with the following 4 applications: C#, Windows, Cloud, Web.
For this tutorial, we picked a CDN install. There are 2 links needed:
For the CSS file, copy and paste "@import "https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css";"
For every HTML, copy and paste "".
And viola! Bulma is installed!
Navigation Bar Creation
There are several ways to create navigation on top of a page.
In our case, we used "breadcrumbs".
To create a breadcrumb, we only need a breadcrumb container and a ul list in the html.
All pages presented in the tutorial contain a breadcrumb navigation bar.
