DTA UI-Kit Bootstrap Theme

A drop-in Bootstrap v3 stylesheet in the style of the Australian Government DTA's UI-Kit.

Last updated: October 2017

Header options

Small site

With small navigation beside and no search.

Header search

With full width navigation below.

Full header branding

With navigation and search underneath.

"Hero" headers

Now with twice as much padding as our nearest competitor!
It's like Jumbotron, for headers.

UI-Kit Bootstrap

Ideally with a simple heading and a tagline here.

Some optional, slightly smaller text here.

Call to action

UI-Kit Bootstrap

Ideally with a simple heading and a tagline here.

Some optional, slightly smaller text here.

Call to action

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraph text here. Paragraph inline link here. Paragraph text here. Paragraph text here. an external link.

Heading 1 that is far to long and therefore wraps over multiple lines, testing whether the line height has been set to something appropriate or not.

Heading 2 that is far to long and therefore wraps over multiple lines, testing whether the line height has been set to something appropriate or not.

Heading 3 that is far to long and therefore wraps over multiple lines, testing whether the line height has been set to something appropriate or not.

Heading 4 that is far to long and therefore wraps over multiple lines, testing whether the line height has been set to something appropriate or not.

Heading 5 that is far to long and therefore wraps over multiple lines, testing whether the line height has been set to something appropriate or not.

Heading 6 that is far to long and therefore wraps over multiple lines, testing whether the line height has been set to something appropriate or not.

Paragraph text that is far to long and therefore wraps over multiple lines, testing whether the line height has been set to something appropriate or not.

~~this text has been deleted~~
this text has been inserted
~~this text is no longer accurate/relevant~~
sample text
mark text
varName = 0
Data attr
_sub text ^sup text

Linked heading 1 that is far to long and therefore wraps over multiple lines, testing whether the line height has been set to something appropriate or not.

Linked heading 2 that is far to long and therefore wraps over multiple lines, testing whether the line height has been set to something appropriate or not.

Linked heading 3 that is far to long and therefore wraps over multiple lines, testing whether the line height has been set to something appropriate or not.

Linked heading 4 that is far to long and therefore wraps over multiple lines, testing whether the line height has been set to something appropriate or not.

Linked heading 5 that is far to long and therefore wraps over multiple lines, testing whether the line height has been set to something appropriate or not.

Linked heading 6 that is far to long and therefore wraps over multiple lines, testing whether the line height has been set to something appropriate or not.

Linked paragraph text that is far to long and therefore wraps over multiple lines, testing whether the line height has been set to something appropriate or not.

Button groups