gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feature bulma stub in guide (#18543)

Browse Source
This commit is contained in:
Ashish Rao
2018-10-14 22:03:55 +05:30
committed by Quincy Larson
parent bcd9eaf92f
commit 2d0739ca3d
2 changed files with 78 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
client/src/pages/guide/english/bulma/get-started/index.md Normal file
View File

@ -0,0 +1,59 @@
---
title: Get Started
---
## Get Started
There are several ways to get started with Bulma.
* <b>npm</b> install the bulma package.
* cdnjs <b>CDN</b> to link to the bulma stylesheet.
* use the <b>Github Repository</b> to get the latest development version.
1) Using npm
```terminal
$ npm install bulma
```
2) Use the cdnjs CDN
https://cdnjs.com/libraries/bulma
3) Download from the repository
https://github.com/jgthms/bulma/tree/master/css
### Code requirements
For bulma to work correctly, you need to make your webpage responsive.
1) Use HTML5 doctype
```html
<!DOCTYPE html>
```
2) Add the responsive viewport meta tag
```html
<meta name="viewport" content="width=device-width, initial-scale=1">
```
3) Starter Template
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hello Bulma!</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css">
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
</head>
<body>
<section class="section">
<div class="container">
<h1 class="title">
Hello World
</h1>
<p class="subtitle">
My first website with <strong>Bulma</strong>!
</p>
</div>
</section>
</body>
</html>
```
### Bulma-start
```bulma-start``` is a tiny ```npm``` package that includes the npm dependencies you need to build your own website with Bulma.

19
client/src/pages/guide/english/bulma/index.md Normal file
View File

@ -0,0 +1,19 @@
---
title: Bulma
---
## Bulma
Bulma is a open source CSS framework based on flexbox and used by more than 100,000 developers.
Why bulma?
* 100% Responsive
* Modular
* Modern
* Free(Source code on Github)
* growing community
* Easy to learn.
* Quick Customization.
Just one command to get started
```terminal
$ npm install bulma
```