]> git.ipfire.org Git - thirdparty/bulma.git/commitdiff
Add code requirements
authorJeremy Thomas <bbxdesign@gmail.com>
Sun, 5 Nov 2017 19:35:23 +0000 (19:35 +0000)
committerJeremy Thomas <bbxdesign@gmail.com>
Sun, 5 Nov 2017 19:35:23 +0000 (19:35 +0000)
docs/documentation/overview/start.html

index e7d9802ba7b8a56c48a9eea3ec278793a6d7ca1f..8e9372ef26d034d8d9eeebb6339c73c13a13e85d 100644 (file)
@@ -81,6 +81,38 @@ doc-subtab: start
       </div>
     </div>
 
+    {% include anchor.html name="Code requirements" %}
+
+    <div class="content">
+      <p>
+        For Bulma to work correctly, you need to make your webpage <strong>responsive</strong>.
+      </p>
+    </div>
+
+    <article class="media is-large">
+      <div class="media-left">
+        <p class="title is-5">1</p>
+      </div>
+      <div class="media-content">
+        <p class="title is-5">
+          Use the <strong>HTML5 doctype</strong>
+        </p>
+        {% highlight html %}<!DOCTYPE html>{% endhighlight %}
+      </div>
+    </article>
+
+    <article class="media is-large">
+      <div class="media-left">
+        <p class="title is-5">2</p>
+      </div>
+      <div class="media-content">
+        <p class="title is-5">
+          Add the responsive <strong>viewport</strong> meta tag
+        </p>
+        {% highlight html %}<meta name="viewport" content="width=device-width, initial-scale=1">{% endhighlight %}
+      </div>
+    </article>
+
     {% include anchor.html name="Starter template" %}
 
     <div class="content">