O'Reilly logo

Bootstrap Site Blueprints Volume II by Matt Lambert

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Coding the article template

The second template in this project is the article or post template. It will contain the detailed view and content for a magazine story. Before we start coding the page, let's see what it will look like:

Coding the article template

The layout here is narrower, which allows easier readability of a large amount of content. I've also followed my regular minimal style to keep the page looking really clean. The entire page template is wrapped in a <div> tag with a class of .article so that we can apply some styling:

<div class="article">
  ..
</div>

We had already added the styles for this when we set up our .page-body class in the previous template. However, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required