Not too long ago pitchers had begun to gain the upper-hand on batters. New pitches - especially the curveball - gave the hurlers an edge, and offense bottomed out in 1892 when the brand-new FABL collectively hit .249 and only five hitters topped the .330 mark, led by a young centerfielder in Philadelphia named Fred Roby, who hit .360 for the Keystones.

The next year, things began swinging the other way and hitters - led by Roby's team mate (catcher Claude Jones who hit .370) brought that league-wide average up twenty points. In 1894, Roby put together the best season by a hitter in the not-quite-two-decade-old history of professional baseball.

1888 was a relatively calm year in the lengthening hostilities between the Century League and Border Association. No clubs jumped leagues, no one put a new club in the other's territory... for once the big stories were all on the field and not off it.

Heading Text

h1. Heading Secondary text

h2. Heading Secondary text

h3. Heading Secondary text

h4. Heading Secondary text

h5. Heading Secondary text
h6. Heading Secondary text

TIPS: Create lighter, secondary text in any heading with a generic <small> tag or the .small class.

Example body text

This is a lead paragraph.
Make a paragraph stand out by adding .lead.

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

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as italicized text.

An abbreviation of the word attribute is attr.

Address

Company Name
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Full Name
P: (123) 456-7890
This email address is being protected from spambots. You need JavaScript enabled to view it.

Emphasis classes

This is a .mute paragraph.

This is a .text-primary paragraph.

This is a .text-warning paragraph.

This is a .text-danger paragraph.

This is a .text-success paragraph.

This is a .text-info paragraph.

Alignment classes

This is a left aligned text .text-left

This is a center aligned text .text-center

This is a right aligned text .text-right

This is a justify aligned text which is often used in Book Design, Magazine or special Typo Pages. Create a justify aligned text with .text-justify class.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Quote's author in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Quote's author in Source Title

Brand Colors

#e55a55
Brand Primary
#428bca
Brand Secondary
#f0ad4e
Brand Warning
#d9534f
Brand Danger
#5bc0de
Brand Info
#5cb85c
Brand Success

Grayscale Levels

#222222
Gray Darker
#333333
Gray Dark
#555555
Gray
#999999
Gray Light
#eeeeee
Gray Lighter
#f7f7f7
Gray Lightest

Tabs

In the area of graphical user interfaces (GUI), a tabbed document interface (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.

GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).

In the area of graphical user interfaces (GUI), a tabbed document interface (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.

GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).

Alerts and Notifications

error message title

Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.

sussess message title

Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.

info message title

Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.

warning message title

Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.

Labels

Default Primary Success Info Warning Danger

List groups

  • 14 Cras justo odio
  • 2 Dapibus ac facilisis in
  • Morbi leo risus
  • 1 Morbi leo risus
  • 2 Dapibus ac facilisis in

List group item heading

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

List group item heading

Donec id elit non mi porta gravida at eget metus.

List group item heading

Donec id elit non mi porta gravida at eget metus.

Panels

Panel heading

Panel content

Panel primary

Panel content

Panel success

Panel content

Panel warning

Panel content

Panel danger

Panel content

Panel info

Panel content

Wells

Look, I'm in a small well!
Look, I'm in a well!
Look, I'm in a large well!
Sample image description
Sample image description

Justo elit dolor congue ligula nibh habitasse dui nullam felis Maecenas. Tincidunt dapibus sed mauris nibh nulla ullamcorper pellentesque morbi pede at. wisi dui pharetra tellus augue aenean at sit porta at fringilla. At porttitor ac eget justo volutpat sem enim tellus morbi porttitor. A dui tortor pellentesque duis et tellus ut tempor adipiscing nam. Vestibulum at cum accumsan.

  • Mattis quis senectus lobortis adipiscing felis
  • Vivamus tempor massa sit scelerisque parturient nibh id wisi
  • Mauris lorem pretium tincidunt enim odio elit
  • Quis at nibh quisque urna urna habitant nam morbi turpis

Vestibulum vel gravida nunc wisi ligula porttitor pellentesque donec suspendisse lorem. Lacinia turpis semper lobortis mollis tempus nulla at tincidunt justo id. Nibh ipsum lacus aenean curabitur ornare lobortis nunc tristique tempor in. Nam id urna magna laoreet eget maecenas orci interdum proin interdum. Magna vestibulum elit dictum sagittis nam congue vivamus sagittis neque amet. Cursus et auctor sem mattis lacus egestas nibh enim elit congue.

Laoreet tempus vestibulum in tortor tortor aenean fames id wisi enim. Quis id consequat nulla tempus maecenas est lorem parturient ante pretium. Lacinia faucibus consectetuer vestibulum elit quisque at et ultrices sed libero. Ut nam eu nunc enim curabitur non metus eu turpis eget. Aenean laoreet vitae morbi vestibulum vestibulum sociis tellus interdum cras.

Quis id consequat nulla tempus maecenas est lorem parturient ante pretium. Lacinia faucibus consectetuer vestibulum elit quisque at et ultrices sed libero. Ut nam eu nunc enim curabitur non metus eu turpis eget.

Sed nam cursus velit pede ut sit vitae In proin porttitor. Volutpat ac sem adipiscing phasellus nibh pellentesque nibh enim arcu lorem. Tempor natoque pulvinar lacinia semper in auctor quam fringilla tortor id. Ut ut lacus arcu justo quis vitae congue dui lorem nam. Convallis turpis convallis nec lorem magna orci euismod velit pellentesque orci. Ornare nulla proin adipiscing.

Laoreet tempus vestibulum in tortor tortor aenean fames id wisi enim. Quis id consequat nulla tempus maecenas est lorem parturient ante pretium. Lacinia faucibus consectetuer vestibulum elit quisque at et ultrices sed libero. Ut nam eu nunc enim curabitur non metus eu turpis eget.

Contact us

Company Name
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890

Sample information

Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.

Sample image
I am content

Lorem ipsum dolor sit amet consectetuer hendrerit habitasse metus morbi massa. Cum curabitur vitae sed nulla nunc vestibulum nulla eget phasellus. ipsum et vivamus condimentum pede quisque sed turpis mi vestibulum faucibus. tortor augue tortor sit turpis pretium pellentesque eros volutpat maecenas cursus. Dolor magnis interdum porttitor cursus suspendisse cras eget turpis a vivamus. Dui sed pretium turpis interdum hendrerit ac.

Justo elit dolor congue ligula nibh habitasse dui nullam felis Maecenas. Tincidunt dapibus sed mauris nibh nulla ullamcorper pellentesque morbi pede at. wisi dui pharetra tellus augue aenean at sit porta at fringilla. At porttitor ac eget justo volutpat sem enim tellus morbi porttitor. A dui tortor pellentesque duis et tellus ut tempor adipiscing nam. Vestibulum at cum accumsan.