From 751eb0bdcc1e62f8822cefb5b99d6fbc64de2469 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 09:22:49 -0700 Subject: Fixes #7823: add mention of container to CSS page; build out CSS overview subnav --- docs/css.html | 20 ++++++++++++++------ 1 file changed, 14 insertions(+), 6 deletions(-) (limited to 'docs/css.html') diff --git a/docs/css.html b/docs/css.html index c9f945f4e..fb6de9c75 100644 --- a/docs/css.html +++ b/docs/css.html @@ -8,13 +8,13 @@ lead: "Fundamental HTML elements styled and enhanced with extensible classes." -
+

Overview

Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.

-

HTML5 doctype required

+

HTML5 doctype required

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 %} @@ -23,17 +23,17 @@ lead: "Fundamental HTML elements styled and enhanced with extensible classes." {% endhighlight %} -

Mobile first

+

Mobile first

With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. With Bootstrap 3, we've rewritten the project to be mobile friendly from the start. Instead of adding on optional mobile styles, they're baked right into the core. In fact, Bootstrap is mobile first. Mobile first styles can be found throughout the entire library instead of in separate files.

To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>.

{% highlight html %} {% endhighlight %} -

Responsive images

+

Responsive images

We automatically attempt to scale images to appropriate sizes with a global max-width: 100%; on all <img> elements. If you run into problems (e.g., with Google Maps), be sure to disable this property on a per-case basis.

-

Typography and links

+

Bootstrap sets basic global display, typography, and link styles. Specifically, we:

  • Remove margin on the body
    • @@ -43,8 +43,16 @@ lead: "Fundamental HTML elements styled and enhanced with extensible classes."

These styles can be found within scaffolding.less.

-

Normalize reset

+

Normalize reset

For improved cross-browser rendering, we use Normalize, a project by Nicolas Gallagher and Jonathan Neal.

+ +

Centering with container

+

Easily center a page's contents by wrapping its contents in a container. Containers set `max-width` at various media query breakpoints to match our grid system.

+{% highlight html %} +
+ ... +
+{% endhighlight %}
-- cgit v1.2.3