Overview of typography choices

Turns out Bootstrap has a number of CSS enhancements. At a minimum, you will get various changes to a "standard" web page simply by employing the bootstrap.css. But, you can also do a lot more. For example, this paragraph has a class of lead.

Contrast the above paragraph with this paragraph (which does not have an asosciated Bootstrap class). In this case, the above paragraph has somewhat larger text and greater spacing between the lines. Obviously, one has to write enough text so that the paragraph will span a couple of rosw even on large desktops.

Obviously, one can also apply both the <strong> and <em> elements to draw attention to various items on a page. In this paragraph, I have simply set some text to strong and emphasized other text.

Note what happens when I use the bootstrap default styling with the <blockquote> element (next paragraph). I have not applied any classes, I am just using the default Bootstrap styling for the appropriate elements.

"Outside of a dog, a book is man's best friend. Inside of a dog, it's too dark to read.

Groucho Marx


Here are some items to consider with respect to lists and Bootstrap. First an unordered list styled with Bootstrap class of unstyled. Note there are no bullets. As always, it is a good idea to examine the source code of these pages to verify you really understand what is happening.

  • Tablet
  • Smartphone

Note what one can do with a Bootstrap class of dl-horizontal for a definition list.

A computer which is mobile
A computer which is also mobile, but smaller