diff --git a/css/tests/css-tests.html b/css/tests/css-tests.html index 6778e9e..3ffaf4f 100644 --- a/css/tests/css-tests.html +++ b/css/tests/css-tests.html @@ -1,1399 +1,1376 @@ - - - CSS Tests · Twitter Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- Bootstrap -
-
-
- - - -
-
-

CSS Tests

-

One stop shop for quick debugging and edge-case tests of CSS.

-
-
- - -
- -
- - - - - -
-

Typography

-
- -
-
-
-

h1. Heading 1

-

h2. Heading 2

-

h3. Heading 3

-

h4. Heading 4

-
h5. Heading 5
-
h6. Heading 6
-

Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

-
-
-
-
-

h1. Heading 1

-

Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

-

h2. Heading 2

-

Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

-

h3. Heading 3

-

Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

-

h4. Heading 4

-

Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

-
h5. Heading 5
-

Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

-
h6. Heading 6
-

Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

-
-
-
- - - - - -
-

Responsive images

-
- -
-
- -
-
- -
-
- -
-
- -
- -
-
- -
-
- -
-
- -
-
- -

- - - - - - -
-

Fluid grids

-
- -
-
-
12 -
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
-
-
-
-
11 -
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
-
-
1 -
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
-
-
-
-
10 -
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
-
-
2 -
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
-
-
-
-
9 -
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
-
-
3 -
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
-
-
-
-
8 -
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
-
-
4 -
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
-
-
-
-
7 -
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
-
-
5 -
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
-
-
-
-
6 -
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
-
-
6 -
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
1
-
-
-
-
- - - - - -
-

Tables

-
- -
-
-

Bordered without thead

- - - - - - - - - - - - - - - - - - -
123
123
123
-

Bordered without thead, with caption

- - - - - - - - - - - - - - - - - - - -
Table caption
123
123
123
-

Bordered without thead, with colgroup

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
123
123
123
369
-

Bordered with thead, with colgroup

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ABC
123
123
123
369
-
-
-

Bordered with thead and caption

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Table caption
123
123
123
123
369
-

Bordered with rowspan and colspan

- - - - - - - - - - - - - - - - - - - - - - - - - - -
123
1 and 23
123
13
2 and 3
-
-
- - -

Grid sizing

-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - -
123
1 and 23
123
13
2 and 3
-
-
- -

Nesting and striping

- - - - - - - - - - - -
Test
- - - - - - - - - - - - - - - - - - - - - -
TestTest
- test - - test -
- test - - test -
- test - - test -
-
- -

Fluid grid sizing

-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - -
123
1 and 23
123
13
2 and 3
-
-
- - - - - -
-

Forms

-
- -

Buttons and button groups

-
- - -
- - User - - - -
-
- -

Horizontal form errors

-
-
- -
- - Please correct the error -
-
-
- -
-
-

Prepend and append on inputs

-
-
-
- @ - -
-
-
-
- - @ -
-
-
-
- $ - - .00 -
-
-
-
-
-

Prepend and append with uneditable

-
-
- $ - Some value here -
-
- Some value here - .00 -
-
- $ - Some value here - .00 -
-
-
-
-

Prepend with type="submit"

-
-
- - -
-
-
- - -
-
- - - -
-
-
- -

Fluid prepended and appended inputs

-
-
-
-
-
- @ -
-
-
-
- @ -
-
-
-
- $.00 -
-
-
-
-
- -

Fixed row with inputs

-

Inputs should not extend past the light red background, set on their parent, a .span* column.

- -
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -

Fluid row with inputs

-

Inputs should not extend past the light red background, set on their parent, a .span* column.

-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
- -
- -

Inline form in fluid row

- -
-
-
- - - - -
-
-
- - -
- - -

Fluid textarea at .span12

-
-
- -
-
- - -
- - -

Selects

-
- -
- - -
- - - - - - -
-

Dropdowns

-
- -

Dropdown link with hash URL

- - -

Dropdown link with custom URL and data-target

- - -

Dropdown on a button

-
- - -
- -
- - - - -
-

Thumbnails

-
- -

Default thumbnails (no grid sizing)

- - - - -

Standard grid sizing

- - -

Fluid thumbnails

-
-
- -
-
- - - - - -
-

Tabs

-
- -
- -
-
-

I'm in Section 1.

- -
- -
-
-

I'm in Section 1.1.

-
-
-

I'm in Section 1.2.

-
-
-

I'm in Section 1.3.

-
-
-
-
-
-

Howdy, I'm in Section 2.

-
-
-

What up girl, this is Section 3.

-
-
-
- -
- - - - -
-

Labels

-
- -
-
-

Inline label

-

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas sed diam Label name eget risus varius blandit sit amet non magna. Fusce .class-name dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

-
-
-
- - Hey! Read this. -
-
-
- - -
-
- -
- - - - -
-

Buttons

-
- - - - - - - - -
- Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. - -
- - - - -
-
- -

Mini buttons: text and icon

-
- - -
- -
- - - - - -
-

Responsive utility classes

-
- -

Visible on...

- - - -

Hidden on...

- - - - - - - -
-

Gradients

-
- -

Horizontal

-
- -

Vertical

-
- -

Directional

-
- -

Three colors

-
- -

Radial

-
- -

Striped

-
- -

Horizontal three colors

-
- - - -
-

Alerts

-
- -

Alert default

-
- - Alert! Best check yourself, you're not looking too good. -
-
- -

Alert! Best check yourself, you're not looking too good.

-
- -

Success

-
- - Success! Best check yourself, you're not looking too good. -
-
- -

Success! Best check yourself, you're not looking too good.

-
- -

Info

-
- - Info! Best check yourself, you're not looking too good. -
-
- -

Info! Best check yourself, you're not looking too good.

-
- -

Warning

-
- - Warning! Best check yourself, you're not looking too good. -
-
- -

Warning! Best check yourself, you're not looking too good.

-
- -

Error

-
- - Error! Best check yourself, you're not looking too good. -
-
- -

Error! Best check yourself, you're not looking too good.

-
- - -
- - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - + + + + CSS Tests + + + + + + + + + + + + + + +
+
+
+ Bootstrap +
+
+
+ + + +
+
+

CSS Tests

+

One stop shop for quick debugging and edge-case tests of CSS.

+
+
+ + +
+ +
+ + + + + +
+

Typography

+
+ +
+
+
+

h1. Heading 1

+

h2. Heading 2

+

h3. Heading 3

+

h4. Heading 4

+
h5. Heading 5
+
h6. Heading 6
+

Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet + non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus + mus.

+
+
+
+
+

h1. Heading 1

+

Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet + non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus + mus.

+

h2. Heading 2

+

Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet + non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus + mus.

+

h3. Heading 3

+

Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet + non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus + mus.

+

h4. Heading 4

+

Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet + non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus + mus.

+
h5. Heading 5
+

Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet + non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus + mus.

+
h6. Heading 6
+

Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet + non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus + mus.

+
+
+
+ + + + + +
+

Responsive images

+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+
+ +
+
+ +
+
+ +
+
+ +

+ + + + + + +
+

Fluid grids

+
+ +
+
+
12 +
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
+
+
+
+
11 +
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
+
+
1 +
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
+
+
+
+
10 +
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
+
+
2 +
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
+
+
+
+
9 +
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
+
+
3 +
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
+
+
+
+
8 +
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
+
+
4 +
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
+
+
+
+
7 +
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
+
+
5 +
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
+
+
+
+
6 +
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
+
+
6 +
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
+
+
+
+ + + + + +
+

Tables

+
+ +
+
+

Bordered without thead

+ + + + + + + + + + + + + + + + + + +
123
123
123
+

Bordered without thead, with caption

+ + + + + + + + + + + + + + + + + + + +
Table caption
123
123
123
+

Bordered without thead, with colgroup

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
123
123
123
369
+

Bordered with thead, with colgroup

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ABC
123
123
123
369
+
+
+

Bordered with thead and caption

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Table caption
123
123
123
123
369
+

Bordered with rowspan and colspan

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
123
1 and 23
123
13
2 and 3
+
+
+ + +

Grid sizing

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
123
1 and 23
123
13
2 and 3
+
+
+ +

Nesting and striping

+ + + + + + + + + + + +
Test
+ + + + + + + + + + + + + + + + + + + + + +
TestTest
+ test + + test +
+ test + + test +
+ test + + test +
+
+ +

Fluid grid sizing

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
123
1 and 23
123
13
2 and 3
+
+
+ + + + + +
+

Forms

+
+ +

Buttons and button groups

+
+ + +
+ + User + + + +
+
+ +

Horizontal form errors

+
+
+ +
+ + Please correct the error +
+
+
+ +
+
+

Prepend and append on inputs

+
+
+
+ @ + +
+
+
+
+ + @ +
+
+
+
+ $ + + .00 +
+
+
+
+
+

Prepend and append with uneditable

+
+
+ $ + Some value here +
+
+ Some value here + .00 +
+
+ $ + Some value here + .00 +
+
+
+
+

Prepend with type="submit"

+
+
+ + +
+
+
+ + +
+
+ + + +
+
+
+ +

Fluid prepended and appended inputs

+
+
+
+
+
+ @ +
+
+
+
+ @ +
+
+
+
+ $.00 +
+
+
+
+
+ +

Fixed row with inputs

+

Inputs should not extend past the light red background, set on their parent, a .span* + column.

+ +
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +

Fluid row with inputs

+

Inputs should not extend past the light red background, set on their parent, a .span* + column.

+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+ +
+ +

Inline form in fluid row

+ +
+
+
+ + + + +
+
+
+ + +
+ + +

Fluid textarea at .span12

+
+
+ +
+
+ + +
+ + +

Selects

+
+ +
+ + +
+ + + + + + +
+

Dropdowns

+
+ +

Dropdown link with hash URL

+ + +

Dropdown link with custom URL and data-target

+ + +

Dropdown on a button

+
+ + +
+ +
+ + + + +
+

Thumbnails

+
+ +

Default thumbnails (no grid sizing)

+ + +

Standard grid sizing

+ + +

Fluid thumbnails

+
+
+ +
+
+ + + + + +
+

Tabs

+
+ +
+ +
+
+

I'm in Section 1.

+ +
+ +
+
+

I'm in Section 1.1.

+
+
+

I'm in Section 1.2.

+
+
+

I'm in Section 1.3.

+
+
+
+
+
+

Howdy, I'm in Section 2.

+
+
+

What up girl, this is Section 3.

+
+
+
+ +
+ + + + +
+

Labels

+
+ +
+
+

Inline label

+

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas sed diam Label name eget risus varius blandit sit amet non magna. + Fusce .class-name dapibus, tellus ac cursus commodo, tortor mauris condimentum + nibh, ut fermentum massa justo sit amet risus.

+
+
+
+ + Hey! Read this. +
+
+
+ + +
+
+ +
+ + + + +
+

Buttons

+
+ + + + + + + + +
+ Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue. Donec + ullamcorper nulla non metus auctor fringilla. Fusce dapibus, tellus ac cursus commodo, + tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. + +
+ + + + +
+
+ +

Mini buttons: text and icon

+
+ + +
+ +
+ + + + + +
+

Responsive utility classes

+
+ +

Visible on...

+ + + +

Hidden on...

+ + + + + + + +
+

Gradients

+
+ +

Horizontal

+
+ +

Vertical

+
+ +

Directional

+
+ +

Three colors

+
+ +

Radial

+
+ +

Striped

+
+ +

Horizontal three colors

+
+ + + +
+

Alerts

+
+ +

Alert default

+
+ + Alert! Best check yourself, you're not looking too good. +
+
+ +

Alert! Best check yourself, you're not looking too good.

+
+ +

Success

+
+ + Success! Best check yourself, you're not looking too good. +
+
+ +

Success! Best check yourself, you're not looking too good.

+
+ +

Info

+
+ + Info! Best check yourself, you're not looking too good. +
+
+ +

Info! Best check yourself, you're not looking too good.

+
+ +

Warning

+
+ + Warning! Best check yourself, you're not looking too good. +
+
+ +

Warning! Best check yourself, you're not looking too good.

+
+ +

Error

+
+ + Error! Best check yourself, you're not looking too good. +
+
+ +

Error! Best check yourself, you're not looking too good.

+
+ + +
+ + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + diff --git a/css/tests/forms-responsive.html b/css/tests/forms-responsive.html index c3e208d..c9c8020 100644 --- a/css/tests/forms-responsive.html +++ b/css/tests/forms-responsive.html @@ -1,71 +1,64 @@ - - - Bootstrap, from Twitter - - - - - - - + + + Bootstrap + + + - - + + + + + - - - - - - - + +
- +
+

Fixed grid

+
- +

Vertical alignment

+ + + span1 -
-

Fixed grid

-
- -

Vertical alignment

- - - span1 - -

Width across elements

-
- -
-
- -
-
- span2 -
+

Width across elements

+
+ +
+
+ +
+
+ span2 +
-
-

Fluid grid

-
+
+

Fluid grid

+
-
- - - span1 -
+
+ + + span1 +
-
- - + + diff --git a/css/tests/forms.html b/css/tests/forms.html index a63d728..76952bc 100644 --- a/css/tests/forms.html +++ b/css/tests/forms.html @@ -1,179 +1,165 @@ - - - Bootstrap, from Twitter - - - - - - - + + + Bootstrap + + + - - + + + + + - - - - - - - + +
+
+

Form controls

+
- +
+
- + + -
-

Form controls

-
+
-
-
+ + - - +
-
+ + - - +
-
+ + - - +
-
+ + - - +
-
+ + - - +
-
+ + - - +
-
+ + - - +
-
+ + - - +
+
-
+ + - - +
-
-
+ + - - +
-
+ + - - +
-
+ + - - +
-
+ + - - +
-
+ + - - +
-
+ + - - +
-
+ + - - +
-
+ + - - +
+
-
+ + - - +
-
-
+ + - - +
-
+ + - - +
-
+ + - - +
-
+ + - - +
-
+ + - - +
-
+ + - - +
+
-
- - - - -
-
- -
- - + + diff --git a/css/tests/navbar-fixed-top.html b/css/tests/navbar-fixed-top.html index 2d9a7a7..b0b712f 100644 --- a/css/tests/navbar-fixed-top.html +++ b/css/tests/navbar-fixed-top.html @@ -1,104 +1,92 @@ - - - Bootstrap, from Twitter - - - - - - - + + + Bootstrap, from Twitter + + + - - + + + + + - - - - - - - + + +
+
+
+ + + + + + Project name +
+ + +
+
+
+
- +
- -
-
-
- - - - - - Project name -
- - -
-
-
-
+ +
+

Navbar example

+

This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar + work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

+

+ View navbar docs » +

+
-
+
- -
-

Navbar example

-

This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

-

- View navbar docs » -

-
- -
- - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + diff --git a/css/tests/navbar-static-top.html b/css/tests/navbar-static-top.html index 4bead8e..8d2f9fc 100644 --- a/css/tests/navbar-static-top.html +++ b/css/tests/navbar-static-top.html @@ -1,107 +1,96 @@ - - - Bootstrap, from Twitter - - - - - - - + + + Bootstrap + + + - - + + + + + - - - -
-
-
- - - - - - Project name -
- - -
-
-
-
+ + +
+
+
+ + + + + + Project name +
+ + +
+
+
+
-
+
- -
-

Navbar example

-

This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

-

- View navbar docs » -

-
+ +
+

Navbar example

+

This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar + work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

+

+ View navbar docs » +

+
-
+
- - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + diff --git a/css/tests/navbar.html b/css/tests/navbar.html index d5ad478..886942f 100644 --- a/css/tests/navbar.html +++ b/css/tests/navbar.html @@ -1,107 +1,95 @@ - - - Bootstrap, from Twitter - - - - - - - + + + Bootstrap + + + - - + + + + + - + +
+ +
+
+
+ + + + + + Project name +
+ + +
+
+
+
-
+ +
+

Navbar example

+

This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar + work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

+

+ View navbar docs » +

+
- -
-
-
- - - - - - Project name -
- - -
-
-
-
+
- -
-

Navbar example

-

This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

-

- View navbar docs » -

-
- -
- - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + +