-<section id="{{ entry.slug }}" class="container content-section">
- {% if entry.is_draft() %}
- <div class="alert alert-info alert-dismissable">
- <button type="button" class="close" data-dismiss="alert">×</button>
- <strong>{{ _("Heads up!") }}</strong> {{ _("This post is a draft and has not been published, yet.") }}
+<div class="container blog-content">
+ <section id="{{ entry.slug }}" class="col-12 blog-entry">
+ {% if entry.is_draft() %}
+ <div class="alert alert-info alert-dismissable">
+ <button type="button" class="close" data-dismiss="alert">×</button>
+ <strong>{{ _("Heads up!") }}</strong> {{ _("This post is a draft and has not been published, yet.") }}
+ </div>
+ {% end %}
+
+ <div class="row">
+ <div class="col-9">
+ <h3 class="display-3 mb-3">
+ <a href="/post/{{ entry.slug }}">{{ entry.title }}</a>
+ </h3>
+
+ {% raw entry.text %}
+ </div>
+
+ {% if show_avatar %}
+ <div class="col-3 pt-4">
+ <div class="row mb-3 d-flex justify-content-end">
+ <small>
+ {{ _("by") }} <a href="/user/{{ entry.author.uid }}">{{ entry.author.name }}</a>,
+ {{ locale.format_date(entry.published, shorter=True) }}
+ </small>
+ </div>
+ <div class="row d-flex justify-content-end">
+ <a href="/user/{{ entry.author.uid }}">
+ <img class="rounded" src="{{ entry.author.gravatar_icon(128) }}" alt="{{ entry.author.name }}" />
+ </a>
+ </div>
+ </div>
+ {% end %}
</div>
- {% end %}
-
- {% if show_avatar %}
- <a class="pull-right" href="/user/{{ entry.author.uid }}">
- <img class="img-rounded img-padding" src="{{ entry.author.gravatar_icon(128) }}" alt="{{ entry.author.name }}" />
- </a>
- {% end %}
-
- <h3>
- <a href="/post/{{ entry.slug }}">{{ entry.title }}</a>
-
- <br>
-
- <small>
- {{ _("by") }} <a href="/user/{{ entry.author.uid }}">{{ entry.author.name }}</a>,
- {{ locale.format_date(entry.published, shorter=True) }}
- </small>
- </h3>
-
- {% raw entry.text %}
-</section>
+ </section>
+</div>
\ No newline at end of file