Lead Paragraph Styles
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
<p class="drop-cap">By giving a container a class of <code>drop-cap</code>, the first letter in that container will display as a drop-cap. Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
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.
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
.
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.
As you can see, the image container above is “stretched” allowing the image to fill the allotted content width.