Digital Style Guide

v2.0.0 05-2014

Home
Design
Develop
Elements

Styles
Grid
- Basic
- Nested
- Offset
Responsive
Typography
- Headings
- Body Text
- Bold
- Italics
- Alignment
- De-Emphasize
- Abbreviations
  - Default
  - Initialism
- Address
- Blockquotes
- Lists
- Code
- Jumbotron
- Page Header
Tables
- Default
- Striped
- Bordered
- Hover
- Condensed
- Contextual Styles
- Responsive
- Sizing
  - Grid
  - Non-grid
Forms
- Default Styles
- Styled Checkboxes
- Styled Radio Buttons
- Inline form
- Horizontal form
Select
- Default
- Multi-Select
- Option Group
- Disabled
- Usage
Images
- Rounded
- Circle
- Thumbnail
- Responsive
UI Elements
Dropdowns
- Basic
- Disabled
- Alignment
- Header
Buttons
- Basic
- Sizes
- Block
- Multiple Tags
- Disabled
- Groups
  - Groups
  - Toolbar
  - Vertical
  - Sizing
  - Nesting
  - Justified
- Dropdowns
  - Basic
  - Dropup
  - Sizing
  - Split Dropdown
  - Split Dropups
- Effects
  - Stateful
  - Single Toggle
  - Checkbox
  - Radio
Tabs
- Basic
- Direction
- Justified
- Disabled
- Dropdowns
- Tabbable
  - Basic
  - Nested
Pills
- Basic
- Disabled
- Direction
- Stacked
- Dropdowns
Navbar
- Basic
  - Default
  - Inverse
  - WV Style
- Fixed
  - Bottom
  - Top
- Static Top
Breadcrumbs
Pagination
- Default
- Disabled and Active States
- Sizes
Pager
- Default
- Disabled
- Alignment
Labels
Badges
Thumbnails
- Grid Sizing
- Custom
Alerts
- Default
- Dismissable
- Links
- JavaScript
Progress Bars
- Basic
- Label
- Colors
- Striped
- Animated
- Stacked
Panels
- Basic
- Heading
- Footers
- Context Colors
- List Group
- Tables
List Groups
- Basic
- Badges
- Linked Items
- Context Colors
- Custom
Media Object
- Default
- Media List
Helper Classes
- Context Colors
- Context Backgrounds
- Clearfix
- Floats
- Center Blocks
- Show/hide Content
- Screen Reader Content
- Image replacement
- Close icon
Widgets
Modal
- Basic
- Sizes
- Usage
Carousel
- Basic
- Caption
- Usage
Collapse
- Default
- Accordion
- Usage
Effects
Tooltips
- Default
- Usage
Popovers
- Default
- Usage
ScrollSpy
- Example in navbar
- Usage
Affix
- Default
- Usage
Glyphs
Icons
- Font Awesome
- Most Used Icons
- Other Icons
- Graphics

Modal

Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

Modal title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure, quia, cupiditate excepturi aut eius cum repellendus tempora velit accusamus quidem quod voluptatum assumenda vel aliquam libero quae praesentium tempore quibusdam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, reprehenderit ducimus nesciunt quod non nostrum sapiente porro praesentium debitis est neque mollitia libero sit saepe voluptatum ad ipsam labore aspernatur.

Popovers in modals

Here is a Popover on top in a modal

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure, quia, cupiditate excepturi aut eius cum repellendus tempora velit accusamus quidem quod voluptatum assumenda vel aliquam libero quae praesentium tempore quibusdam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, reprehenderit ducimus nesciunt quod non nostrum sapiente porro praesentium debitis est neque mollitia libero sit saepe voluptatum ad ipsam labore aspernatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure, quia, cupiditate excepturi aut eius cum repellendus tempora velit accusamus quidem quod voluptatum assumenda vel aliquam libero quae praesentium tempore quibusdam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, reprehenderit ducimus nesciunt quod non nostrum sapiente porro praesentium debitis est neque mollitia libero sit saepe voluptatum ad ipsam labore aspernatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure, quia, cupiditate excepturi aut eius cum repellendus tempora velit accusamus quidem quod voluptatum assumenda vel aliquam libero quae praesentium tempore quibusdam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, reprehenderit ducimus nesciunt quod non nostrum sapiente porro praesentium debitis est neque mollitia libero sit saepe voluptatum ad ipsam labore aspernatur.

Built on Twitter Bootstrap and Font Awesome

Issues
·
Changelog