diff --git a/templates/archives.html b/templates/archives.html
index b0c1d18..81ddf05 100644
--- a/templates/archives.html
+++ b/templates/archives.html
@@ -7,7 +7,7 @@
   <header>
     <h1 id="archives">{{ _('Archives') }}</h1>
   </header>
-  <div>
+  <div class="container">
     <dl>
       {% set previous_date = False %}
 
diff --git a/templates/article.html b/templates/article.html
index 44d3fe1..ffb2358 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -46,6 +46,8 @@
     </script>
   {% endif %}
 
+  <div class="container">
+
   <div>
     {{ article.content }}
   </div>
@@ -92,6 +94,7 @@
       (adsbygoogle = window.adsbygoogle || []).push({});
     </script>
   {% endif %}
+</div>
 
   {% include "partial/disqus.html" %}
   {% include "partial/isso.html" %}
diff --git a/templates/authors.html b/templates/authors.html
index ee8449b..b7c82ea 100644
--- a/templates/authors.html
+++ b/templates/authors.html
@@ -7,7 +7,7 @@
   <header>
     <h1 id="authors">{{ _('Authors') }}</h1>
   </header>
-  <div>
+  <div class="container">
     <ul class="list">
       {% for author, articles in authors|sort %}
       <li><a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a> ({{ articles|count }})</li>
diff --git a/templates/base.html b/templates/base.html
index 10c5400..49911e3 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -17,6 +17,8 @@
     <meta name="robots" content="{{ ROBOTS }}" />
   {% endif %}
 
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+
   {% if USE_GOOGLE_FONTS != False %}
   <link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,400;0,700;1,400&family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,400&display=swap" rel="stylesheet">
   {% endif %}
diff --git a/templates/categories.html b/templates/categories.html
index eeaa841..051853b 100644
--- a/templates/categories.html
+++ b/templates/categories.html
@@ -7,7 +7,7 @@
   <header>
     <h1 id="categories">{{ _('Categories') }}</h1>
   </header>
-  <div>
+  <div class="container">
     <ul class="list">
       {% for category, articles in categories|sort %}
       <li>
diff --git a/templates/index.html b/templates/index.html
index b38808b..c16089b 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -13,6 +13,7 @@
 {% endif %}
 
 {% for article in articles_page.object_list %}
+<div class="container">
 <article>
   <header>
     <h2><a href="{{ SITEURL }}/{{ article.url }}{% if not DISABLE_URL_HASH %}#{{ article.slug }}{% endif %}">{{ article.title }}</a></h2>
@@ -54,6 +55,7 @@
   <hr />
   {% endif %}
 </article>
+</div>
 {% endfor %}
 
 {% include "partial/pagination.html" %}
diff --git a/templates/page.html b/templates/page.html
index 64a7ead..2f0295b 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -14,6 +14,7 @@
 {% block title %} &ndash; {{ page.title }}{% endblock %}
 
 {% block content %}
+<div class="container">
 <article class="single">
   <header>
     {% import 'partial/translations.html' as translations with context %}
@@ -26,4 +27,5 @@
     {% block after_content %}{% endblock %}
   </div>
 </article>
+</div>
 {% endblock %}
diff --git a/templates/partial/neighbors.html b/templates/partial/neighbors.html
index a03a9e1..23f28bf 100644
--- a/templates/partial/neighbors.html
+++ b/templates/partial/neighbors.html
@@ -1,5 +1,5 @@
 {% if PLUGINS and 'neighbors' in PLUGINS %}
-  <div class="neighbors">
+  <div class="neighbors container">
   {% if article.prev_article %}
     <a class="btn float-left" href="{{ SITEURL }}/{{ article.prev_article.url }}" title="{{ article.prev_article.title|striptags }}">
       <i class="fa fa-angle-left"></i> {{ _('Previous Post') }}
diff --git a/templates/partial/pagination.html b/templates/partial/pagination.html
index 3ec7fb1..147bb3a 100644
--- a/templates/partial/pagination.html
+++ b/templates/partial/pagination.html
@@ -1,5 +1,5 @@
 {% if DEFAULT_PAGINATION %}
-  <div class="pagination">
+  <div class="pagination container">
   {% if articles_page.has_next() %}
     <a class="btn float-left" href="{{ SITEURL }}/{{ articles_next_page.url }}">
       <i class="fa fa-angle-left"></i> {{ _('Older Posts') }}
diff --git a/templates/partial/translations.html b/templates/partial/translations.html
index 9c5e4fd..4de5940 100644
--- a/templates/partial/translations.html
+++ b/templates/partial/translations.html
@@ -1,6 +1,6 @@
 {% macro translations_for(article) %}
     {% if article.translations %}
-    <div class="translations">
+    <div class="translations container">
     <a class="active" href="{{ SITEURL }}/{{ article.url }}">{{article.lang}}</a>
     {% for translation in article.translations %}
         <a href="{{ SITEURL }}/{{ translation.url }}">{{ translation.lang }}</a>
diff --git a/templates/period_archives.html b/templates/period_archives.html
index 24f494e..db86ba9 100644
--- a/templates/period_archives.html
+++ b/templates/period_archives.html
@@ -6,7 +6,7 @@
   <header>
     <h1 id="archives">{{ _('Archives') }}</h1>
   </header>
-  <div>
+  <div class="container">
     <dl>
       {% set previous_date = False %}
 
diff --git a/templates/tags.html b/templates/tags.html
index 16a6e83..3040233 100644
--- a/templates/tags.html
+++ b/templates/tags.html
@@ -7,7 +7,7 @@
   <header>
     <h1 id="tags">{{ _('Tags') }}</h1>
   </header>
-  <div>
+  <div class="container">
     <ul class="list">
       {%- for tag, articles in tags|sort %}
           <li><a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</a> ({{ articles|count }})</li>