Advanced Styles

Note: Advanced styles require a bit of HTML knowledge in order to apply a special class name to an element.

Lead Paragraph Styles

This is a leading paragraph with larger text used to draw more attention to the first sentence. Give this text container a class of lead.

Drop Caps

By giving a container a class of drop-cap, the first letter in that container will display as a drop-cap. Lorem Ipsum is simply dummy text of the printing and typesetting industry


Multi-Columns

By giving a container a class of columns, the content in that container will display in two columns. Add an additional class of columns-3 and columns-4 to display content in three or four columns.

There is a time in every man’s education when he arrives at the conviction that envy is ignorance; that imitation is suicide; that he must take himself for better for worse as his portion; that though the wide universe is full of good, no kernel of nourishing corn can gray-square come to him but through his toil bestowed on that plot of ground which is given to him to till. The power which resides in him is new in nature, and none but he knows what that is which he can do, nor does he know until he has tried.

Not for nothing one face, one character, one fact, makes much impression on him, and another none. This sculpture in the memory is not without pre-established harmony.The eye was placed where one ray should fall, that it might testify of that particular ray. We but half express ourselves, and are ashamed of that divine idea which each of us represents. It may be safely trusted as proportionate and of good issues, so it be faithfully imparted, but God will not have his work made manifest by cowards. A man is relieved and gay when he has put his heart into his work and done his best; but what he has said or done otherwise shall give him no peace. It is a deliverance which does not deliver. In the attempt his genius deserts him; no muse befriends; no invention, no hope.

The nonchalance of boys who are sure of a dinner, and would disdain as much as a gray-squarelord to do or say aught to conciliate one, is the healthy attitude of human nature. A boy is in the parlor what the pit is in the playhouse; independent, irresponsible, looking out from his corner on such people and facts as pass by, he tries and sentences them on their merits, in the swift, summary way of boys, as good, bad, interesting, silly, eloquent, troublesome.He cumbers himself never about consequences, about interests; he gives an independent, genuine verdict. You must court him; he does not court you. But the man is as it were clapped into jail by his consciousness. As soon as he has once acted or spoken with eclat he is a committed person, watched by the sympathy or the hatred of hundreds, whose affections must now enter into his account. There is no Lethe for this.

Ah, that he could pass again into his neutrality! Who can thus avoid all pledges and, having observed, observe again from the same unaffected, unbiased, unbribable, unaffrighted innocence,— must always be formidable. He would utter opinions on all passing affairs, which being seen to be not private but necessary, would sink like darts into the ear of men and put them in fear.


Callouts

Bring attention to a particular bit of content by giving the text container a class of callout. By default, the callout will have a light gray background. Add some color to the callout by giving it one of the following additional classes: alert, warning, or info.

This is an example of content in a callout container. Callouts work great when wanting to call attention to a particular bit of content.
Alert: This is an example of content in a callout container. Callouts work great when wanting to call attention to a particular bit of content.
Warning: This is an example of content in a callout container. Callouts work great when wanting to call attention to a particular bit of content.
Note: This is an example of content in a callout container. Callouts work great when wanting to call attention to a particular bit of content.

Stretch

By giving an element a class of stretch, the content will stretch the width of the content area, removing the left and right margins.

main

As you can see, the image container above is “stretched” allowing the image to fill the allotted content width.