World Vision

Digital Style Guide

Current v3.0.0
  • Home
  • Design
  • Develop
  • Elements
  • Styles
  • Grid
    • Basic
    • Nested
    • Offset
  • Responsive
  • Typography
    • Headings
    • Body Text
    • Bold
    • Italics
    • Alignment
    • De-Emphasize
    • Abbreviations
      • Default
      • Initialism
    • Address
    • Blockquotes
      • Default
      • Cite Source
      • Alignment
    • Lists
      • Unordered
      • Ordered
      • Unstyled
      • Inline
      • Description
      • Horizontal Description
    • 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
    • Date Picker
  • 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 <a>
      • Justified<button>
    • 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
    • Dismissible
    • 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
Some 3rd party libraries are being deprecated and will be removed in the next major version. Click Here to find out what is going away.

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

  • Current v3.0.0
  • ·
  • Issues
  • ·
  • Changelog
  • ·
  • v2.0.1 docs