--- title: Get started with Bulma layout: documentation doc-tab: overview doc-subtab: start --- {% include subnav/subnav-overview.html %}

Getting started

You only need 1 CSS file to use Bulma

There are several ways to get started with Bulma. You can either:

  1. use npm to install the Bulma package
  2. use the cdnjs CDN to link to the Bulma stylesheet
  3. use the GitHub repository to get the latest development version

1

Use NPM (recommended):

{% highlight bash %}npm install bulma{% endhighlight %}
Font Awesome icons

If you want to use icons with Bulma, don't forget to include Font Awesome 5:

{% highlight html %}{% endhighlight %}
{% include anchor.html name="Code requirements" %}

For Bulma to work correctly, you need to make your webpage responsive.

1

Use the HTML5 doctype

{% highlight html %}{% endhighlight %}

2

Add the responsive viewport meta tag

{% highlight html %}{% endhighlight %}
{% include anchor.html name="Starter template" %}

If you want to get started right away, you can use this HTML starter template. Just copy/paste this code in a file and save it on your computer.

{% highlight html %}{% include getting-started.html %}{% endhighlight %}
{% include anchor.html name="bulma-start" %}

bulma-start is a tiny npm package that includes the npm dependencies you need to build your own website with Bulma.

Check it out