From e0addf5b588a1244f9679becd90999dfcb4c3a94 Mon Sep 17 00:00:00 2001 From: "ITSERVICES\\rb7147" Date: Tue, 25 Apr 2017 11:46:00 -0400 Subject: Policy 1707 commit to LF Change-Id: Ibe6f01d92f9a434c040abb05d5386e89d675ae65 Signed-off-by: ITSERVICES\rb7147 --- .../CSS/bootstrap/docs/_includes/css/overview.html | 52 ++++++++++++++++++++++ 1 file changed, 52 insertions(+) create mode 100644 POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/css/overview.html (limited to 'POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/css/overview.html') diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/css/overview.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/css/overview.html new file mode 100644 index 000000000..bd0e53848 --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/css/overview.html @@ -0,0 +1,52 @@ +
+

Overview

+ +

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

+ +

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 %} + + + ... + +{% endhighlight %} + +

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

You can disable zooming capabilities on mobile devices by adding user-scalable=no to the viewport meta tag. This disables zooming, meaning users are only able to scroll, and results in your site feeling a bit more like a native application. Overall, we don't recommend this on every site, so use caution!

+{% highlight html %} + +{% endhighlight %} + + +

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

+
    +
  • Set background-color: #fff; on the body
    • +
  • Use the @font-family-base, @font-size-base, and @line-height-base attributes as our typographic base
    • +
  • Set the global link color via @link-color and apply link underlines only on :hover
    • +
+

These styles can be found within scaffolding.less.

+ +

Normalize.css

+

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

+ +

Containers

+

Bootstrap requires a containing element to wrap site contents and house our grid system. You may choose one of two containers to use in your projects. Note that, due to padding and more, neither container is nestable.

+

Use .container for a responsive fixed width container.

+{% highlight html %} +
+ ... +
+{% endhighlight %} +

Use .container-fluid for a full width container, spanning the entire width of your viewport.

+{% highlight html %} +
+ ... +
+{% endhighlight %} +
-- cgit 1.2.3-korg