{% extends "base.html" %}
{% block title %}Bloggato{% endblock %}
{% block menu %}
    <ul class="nav nav-justified">
        <li class="active"><a href="/blog">Home</a></li>
        <li><a href="/about">About</a></li>
        <li><a href="/contact">Contact</a></li>
        <li><a href="/logout">Logout</a></li>
    </ul>
{% endblock %}

{% block content %}
<h1>Blog</h1>
{% if posts %}
    <ul>
    {% for post in posts %}
        <li><a href="/blog/{{ post.id }}/">{{ post.title }}</a></li>
    {% endfor %}
    </ul>
{% else %}
    <p>No Blog posts are available.</p>
{% endif %}

<!-- Next/Prev page links  -->
        {% if posts.object_list and posts.paginator.num_pages > 1 %}

        <ul class="pagination">
          <li>
                {% if posts.has_previous %}
                    <a href= "?page={{ posts.previous_page_number }}">newer entries &lt;&lt; </a>
                {% endif %}

                <span class="current">
                    &nbsp;Page {{ posts.number }} of {{ posts.paginator.num_pages }}
                </span>

                {% if posts.has_next %}
                    <a href="?page={{ posts.next_page_number }}"> &gt;&gt; older entries</a>
                {% endif %}
          </li>
        </ul>

        {% endif %}

{% endblock %}

{% extends "base.html" %}
{% block title %}Bloggato{% endblock %}
{% block menu %}
    <ul class="nav nav-justified">
        <li class="active"><a href="/blog">Home</a></li>
        <li><a href="/about">About</a></li>
        <li><a href="/contact">Contact</a></li>
        <li><a href="/logout">Logout</a></li>
    </ul>
{% endblock %}

{% block content %}
<h1>Blog</h1>

<div class="container">

{% if posts %}
    {% for post in posts %}
    <div class="row">
        <div class="col-md-12">
            <a href="/blog/{{ post.id }}/">{{ post.title }}</a>
            <p>{{ post.text }}</p>
        </div>
    </div>
    {% endfor %}
{% else %}
    <p>No Blog posts are available.</p>
{% endif %}

</div>

<!-- Next/Prev page links  -->
        {% if posts.object_list and posts.paginator.num_pages > 1 %}

        <ul class="pagination">
          <li>
                {% if posts.has_previous %}
                    <a href= "?page={{ posts.previous_page_number }}">newer entries &lt;&lt; </a>
                {% endif %}

                <span class="current">
                    &nbsp;Page {{ posts.number }} of {{ posts.paginator.num_pages }}
                </span>

                {% if posts.has_next %}
                    <a href="?page={{ posts.next_page_number }}"> &gt;&gt; older entries</a>
                {% endif %}
          </li>
        </ul>

        {% endif %}

{% endblock %}

Use a bootstrap container to display a post
Use a bootstrap container to display a post
