Bootstrap/docs/layout/scaffolding.md

---
layout: page
title: Scaffolding
group: layout
---

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.

## Contents

* Will be replaced with the ToC, excluding the "Contents" header
{:toc}

## 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.

## Important CSS resets

Still need to do this section. Should port the third party section about box sizing and edit it for here, then add the rest of the list items.

Will also require rearranging the scaffolding.less file.

- Box sizing
- Form elements and their fonts
- Global link colors
- Responsive images
move scaffolding stuff back to layout once more, split off the type docs to typography section 2014-07-14 17:34:56 +02:00			`---`
			`layout: page`
			`title: Scaffolding`
restore page headers, use partial and page frontmatter to organize it 2015-08-06 02:47:45 +02:00			`group: layout`
move scaffolding stuff back to layout once more, split off the type docs to typography section 2014-07-14 17:34:56 +02:00			`---`

			`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.`

add markdown toc stuff 2015-05-29 10:58:52 +02:00			`## Contents`

			`* Will be replaced with the ToC, excluding the "Contents" header`
			`{:toc}`

			`## HTML5 doctype`
move scaffolding stuff back to layout once more, split off the type docs to typography section 2014-07-14 17:34:56 +02:00
			`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 %}`

add markdown toc stuff 2015-05-29 10:58:52 +02:00			`## Mobile first`
move scaffolding stuff back to layout once more, split off the type docs to typography section 2014-07-14 17:34:56 +02:00
			`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 %}`

add markdown toc stuff 2015-05-29 10:58:52 +02:00			`## Normalize`
move scaffolding stuff back to layout once more, split off the type docs to typography section 2014-07-14 17:34:56 +02:00
			`For improved cross-browser rendering, we use [Normalize.css](http://necolas.github.io/normalize.css/) to correct small inconsistencies across browsers and devices.`

add markdown toc stuff 2015-05-29 10:58:52 +02:00			`## Important CSS resets`
add css resets outline section to scaffolding docs 2014-07-14 18:14:59 +02:00
			`Still need to do this section. Should port the third party section about box sizing and edit it for here, then add the rest of the list items.`

			`Will also require rearranging the scaffolding.less file.`

			`- Box sizing`
			`- Form elements and their fonts`
			`- Global link colors`
			`- Responsive images`