From 2d0739ca3d9e8f0091da2f0334eaf1e4b62c50b6 Mon Sep 17 00:00:00 2001 From: Ashish Rao Date: Sun, 14 Oct 2018 22:03:55 +0530 Subject: [PATCH] feature bulma stub in guide (#18543) --- .../guide/english/bulma/get-started/index.md | 59 +++++++++++++++++++ client/src/pages/guide/english/bulma/index.md | 19 ++++++ 2 files changed, 78 insertions(+) create mode 100644 client/src/pages/guide/english/bulma/get-started/index.md create mode 100644 client/src/pages/guide/english/bulma/index.md diff --git a/client/src/pages/guide/english/bulma/get-started/index.md b/client/src/pages/guide/english/bulma/get-started/index.md new file mode 100644 index 0000000000..7f218e9b53 --- /dev/null +++ b/client/src/pages/guide/english/bulma/get-started/index.md @@ -0,0 +1,59 @@ +--- +title: Get Started +--- +## Get Started + +There are several ways to get started with Bulma. +* npm install the bulma package. +* cdnjs CDN to link to the bulma stylesheet. +* use the Github Repository 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 + +``` +2) Add the responsive viewport meta tag +```html + +``` +3) Starter Template +```html + + + + + + Hello Bulma! + + + + +
+
+

+ Hello World +

+

+ My first website with Bulma! +

+
+
+ + +``` + +### Bulma-start +```bulma-start``` is a tiny ```npm``` package that includes the npm dependencies you need to build your own website with Bulma. \ No newline at end of file diff --git a/client/src/pages/guide/english/bulma/index.md b/client/src/pages/guide/english/bulma/index.md new file mode 100644 index 0000000000..99feec31db --- /dev/null +++ b/client/src/pages/guide/english/bulma/index.md @@ -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 +```