move scaffolding stuff back to layout once more, split off the type docs to typography section

2026-06-11 18:02:28 +03:00 · 2014-07-14 08:34:56 -07:00
parent 8d55c3c0a3
commit cdb0f8229e
3 changed files with 48 additions and 47 deletions
@@ -0,0 +1,37 @@
+---
+layout: page
+title: Scaffolding
+---
+
+The scaffolding of Bootstrap refers to our general approach to building the project. It outlines the basic document requirements and project dependencies.
+
+Bootstrap's general approach to writing HTML, CSS, and JavaScript, as well as our core settings, is referred to as scaffolding. This includes required responsive and cross browser enhancements, dependencies, and more.
+
+### HTML5 doctype
+
+Bootstrap makes use of certain HTML elements and CSS properties that **require** the use of the HTML5 doctype. Include it at the beginning of all your projects.
+
+{% highlight html %}
+<!DOCTYPE html>
+<html lang="en">
+  ...
+</html>
+{% endhighlight %}
+
+### Mobile first
+
+Bootstrap is developed *mobile first*, a strategy in which we optimize code for mobile devices first and then scale up components as necessary using CSS media queries.
+
+To ensure proper rendering and touch zooming, **add the viewport meta tag** to your `<head>`.
+
+{% highlight html %}
+<meta name="viewport" content="width=device-width, initial-scale=1">
+{% endhighlight %}
+
+### Normalize
+
+For improved cross-browser rendering, we use [Normalize.css](http://necolas.github.io/normalize.css/) to correct small inconsistencies across browsers and devices.
+
+### jQuery plugins
+
+All our JavaScript plugins are built on top of jQuery.