0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-13 01:08:58 +01:00
Bootstrap/docs/layout/scaffolding.md
Mark Otto c064eef67b Massive cleanup
- Simpler main nav on all pages
- Back to purple masthead on homepage instead of dark graphite
- Active link styles on the main nav
- Cleaned up sidebar nav
- New docs layout name
- Homepage copy edits
- Updated bright purple docs color
2015-08-14 22:45:55 -07:00

1.6 KiB

layout title group
docs Scaffolding 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 %}

<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 %}

{% endhighlight %}

Normalize

For improved cross-browser rendering, we use 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