From c56a749323836b7e0b7401d41de1d0c68a7cb7a8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 17 Aug 2013 18:59:50 -0700 Subject: Finish first pass at and docment Bootstrap v2-ish theme * Adds new "theme" example * Adds new theme.less file to provide all the overrides and additional styles for the theme * theme.less compiles, via Grunt, to two new files to `dist/css`, bootstrap-theme.css and bootstrap-theme.min.css --- examples/screenshots/theme.jpg | Bin 0 -> 95407 bytes examples/theme/index.html | 382 +++++++++++++++++++++++++++++++++++++++++ examples/theme/theme.css | 14 ++ 3 files changed, 396 insertions(+) create mode 100644 examples/screenshots/theme.jpg create mode 100644 examples/theme/index.html create mode 100644 examples/theme/theme.css (limited to 'examples') diff --git a/examples/screenshots/theme.jpg b/examples/screenshots/theme.jpg new file mode 100644 index 000000000..ef47acb9c Binary files /dev/null and b/examples/screenshots/theme.jpg differ diff --git a/examples/theme/index.html b/examples/theme/index.html new file mode 100644 index 000000000..54b8d0c84 --- /dev/null +++ b/examples/theme/index.html @@ -0,0 +1,382 @@ + + + + + + + + + + Theme Template for Bootstrap + + + + + + + + + + + + + +
+
+
+ + Bootstrap theme +
+
+ +
+
+
+ +
+ + +
+

Hello, world!

+

This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.

+

Learn more »

+
+ + + +
+

Buttons

+
+

+ + + + + + + +

+

+ + + + + + + +

+

+ + + + + + + +

+

+ + + + + + + +

+ + + +
+

Thumbnails

+
+ A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera + + + +
+

Dropdown menus

+
+
+ Dropdown + +
+ + + + +
+

Navbars

+
+ +
+
+
+ + Project name +
+
+ + +
+
+
+ +
+
+
+ + Project name +
+
+ + +
+
+
+ + + +
+

Alerts

+
+
+ Warning! Best check yo self, you're not looking too good. +
+
+ Well done! You successfully read this important alert message. +
+
+ Heads up! This alert needs your attention, but it's not super important. +
+
+ Oh snap! Change a few things up and try submitting again. +
+ + + +
+

Progress bars

+
+
+
60% Complete
+
+
+
40% Complete (success)
+
+
+
20% Complete
+
+
+
60% Complete (warning)
+
+
+
80% Complete (danger)
+
+
+
35% Complete (success)
+
20% Complete (warning)
+
10% Complete (danger)
+
+ + + +
+

List groups

+
+
+
+
    +
  • Cras justo odio
    • +
  • Dapibus ac facilisis in
    • +
  • Morbi leo risus
    • +
  • Porta ac consectetur ac
    • +
  • Vestibulum at eros
    • +
+
+
+
+ + Cras justo odio + + Dapibus ac facilisis in + Morbi leo risus + Porta ac consectetur ac + Vestibulum at eros +
+
+
+
+ +

List group item heading

+

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

+ + +

List group item heading

+

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

+ + +

List group item heading

+

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

+ +
+
+
+ + + +
+

Panels

+
+
+
+
+
+

Panel title

+
+
+ Panel content +
+
+
+
+

Panel title

+
+
+ Panel content +
+
+
+
+
+
+

Panel title

+
+
+ Panel content +
+
+
+
+

Panel title

+
+
+ Panel content +
+
+
+
+
+
+

Panel title

+
+
+ Panel content +
+
+
+
+

Panel title

+
+
+ Panel content +
+
+
+
+ + + +
+

Wells

+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.

+
+ + +
+ + + + + + + + + + diff --git a/examples/theme/theme.css b/examples/theme/theme.css new file mode 100644 index 000000000..e7559231e --- /dev/null +++ b/examples/theme/theme.css @@ -0,0 +1,14 @@ +body { + padding-top: 70px; + padding-bottom: 30px; +} + +.theme-dropdown .dropdown-menu { + display: block; + position: static; + margin-bottom: 20px; +} + +.theme-showcase > p > .btn { + margin: 5px 0; +} \ No newline at end of file -- cgit v1.2.3