diff --git a/src/postorius/templates/postorius/_pagination.html b/src/postorius/templates/postorius/_pagination.html
index a86ed1e..ef1ef62 100644
--- a/src/postorius/templates/postorius/_pagination.html
+++ b/src/postorius/templates/postorius/_pagination.html
@@ -1,20 +1,20 @@
 {% load i18n %}
 
 {% if page.paginator.num_pages > 1 %}
-<nav>
+<nav class="text-center">
     {% if page.paginator.num_pages > 10 %}
     <ul class="pager">
         {% if page.has_previous %}
-            <li><a href="?page={{ page.previous_page_number }}">&larr; {% trans 'Previous' %}</a></li>
+            <li class="col-md-4 text-right"><a href="?page={{ page.previous_page_number }}">&larr; {% trans 'Previous' %}</a></li>
         {% else %}
-            <li class="disabled"><span>&larr; {% trans 'Previous' %}</span></li>
+            <li class="disabled col-md-4 text-right"><span>&larr; {% trans 'Previous' %}</span></li>
         {% endif %}
-        <li class="pager-select">
+        <li class="pager-select col-md-3">
             <a href="">{% blocktrans with num=page.number total=page.paginator.num_pages %}Page {{ num }} of {{ total }}{% endblocktrans %}</a>
             <form class="form-inline hidden" action="" method="GET">
             <label>
                 {% trans 'Jump to page:' %}
-                <select class="form-control input-mini" name="page">
+                <select class="form-control input-sm" name="page">
                 {% for pagenum in page.paginator.page_range %}
                     <option value="{{ pagenum }}"
                         {% if page.number == pagenum %}selected{% endif %}>
@@ -26,14 +26,13 @@
             </form>
         </li>
         {% if page.has_next %}
-            <li><a href="?page={{ page.next_page_number }}">{% trans 'Next' %} &rarr;</a></li>
+            <li class="col-md-4 text-left"><a href="?page={{ page.next_page_number }}">{% trans 'Next' %} &rarr;</a></li>
         {% else %}
-            <li class="disabled"><span>{% trans 'Next' %} &rarr;</span></li>
+            <li class="disabled col-md-4 text-left"><span>{% trans 'Next' %} &rarr;</span></li>
         {% endif %}
     </ul>
     {% else %}
-    <div class="pagination pagination-centered">
-        <ul>
+        <ul class="pagination">
         {% if page.has_previous %}
             <li><a href="?page={{ page.previous_page_number }}">&laquo;</a></li>
         {% else %}
@@ -52,13 +51,12 @@
             <li class="disabled"><span>&raquo;</span></li>
         {% endif %}
         </ul>
-    </div>
     {% endif %}
     <form action="{{ request.path }}" method="get" class="form-inline">
         <p class="text-center">
             <input type="hidden" name="page" value="{{ page.number }}" />
             {% trans 'Results per page:' %}</span>
-            <select name="count" class="form-control input-mini">
+            <select name="count" class="form-control input-sm">
                 {% for count in count_options %}
                     <option value="{{ count }}"
                         {% if page.paginator.per_page == count %}
@@ -68,7 +66,7 @@
                     </option>
                 {% endfor %}
             </select>
-            <input type="submit" class="btn btn-sm" value="Update" />
+            <input type="submit" class="btn btn-default btn-sm" value="Update" />
         </p>
     </form>
 </nav>
diff --git a/src/postorius/templates/postorius/menu/list_nav.html b/src/postorius/templates/postorius/menu/list_nav.html
index 4b88d30..155b7a4 100644
--- a/src/postorius/templates/postorius/menu/list_nav.html
+++ b/src/postorius/templates/postorius/menu/list_nav.html
@@ -1,22 +1,34 @@
 {% load i18n %}
 {% load nav_helpers %}
-<div class="mm_subHeader">
-    <span class="mm_context"><a href="{% url 'list_index' %}">{% trans 'Mailing Lists' %}</a> &raquo; {{ list.fqdn_listname }} &raquo; {% trans title %}</span>
-    {% if user|lower != 'anonymoususer' %}
-    <ul class="mm_nav">
-        <li class="mm_nav_item"><a class="{% nav_active_class current 'list_summary' %}" href="{% url 'list_summary' list.list_id %}">{% trans "Info" %}</a></li>
-        {% if user.is_superuser or user.is_list_owner or user.is_list_moderator %}
-            <li class="mm_nav_item"><a class="{% nav_active_class current 'list_subscription_requests' %}" href="{% url 'list_subscription_requests' list.list_id %}">{% trans "Subscription Requests" %}</a></li>
-            <li class="mm_nav_item"><a class="{% nav_active_class current 'list_held_messages' %}" href="{% url 'list_held_messages' list.list_id %}">{% trans "Held Messages" %}</a></li>
-        {% endif %}
-        {% if user.is_superuser or user.is_list_owner %}
-            <li class="mm_nav_item"><a class="{% nav_active_class current 'list_members' %}" href="{% url 'list_members' list.list_id %}">{% trans "Members" %}</a></li>
-            <li class="mm_nav_item"><a class="{% nav_active_class current 'list_settings' %}" href="{% url 'list_settings' list.list_id %}">{% trans "Settings" %}</a></li>
-            <li class="mm_nav_item"><a class="{% nav_active_class current 'mass_subscribe' %}" href="{% url 'mass_subscribe' list.list_id %}">{% trans "Mass Subscribe" %}</a></li>
-	        <li class="mm_nav_item"><a class="{% nav_active_class current 'mass_removal' %}" href="{% url 'mass_removal' list.list_id %}">{% trans "Mass Removal" %}</a></li>
-            <li class="mm_nav_item"><a class="{% nav_active_class current 'list_archival_options' %}" href="{% url 'list_archival_options' list.list_id %}">{% trans "Archivers" %}</a></li>
-            <li class="mm_nav_item"><a class="{% nav_active_class current 'list_delete' %}" href="{% url 'list_delete' list.list_id %}">{% trans "Delete List" %}</a></li>
-        {% endif %}
-    </ul>
-    {% endif %}
-</div>
+<nav class="navbar navbar-default">
+    <div class="container-fluid">
+        <div class="navbar-header">
+            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#settings-nav" aria-expanded="false">
+                <span class="sr-only">Toggle navigation</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand">{{ list.fqdn_listname }}</a>
+        </div>
+        <div class="collapse navbar-collapse" id="settings-nav">
+            {% if user.is_authenticated  %}
+                <ul class="nav navbar-nav">
+                    <li class="{% nav_active_class current 'list_summary' %}"><a href="{% url 'list_summary' list.list_id %}">{% trans 'Info' %}</a></li>
+                    {% if user.is_superuser or user.is_list_owner or user.is_list_moderator %}
+                        <li class="{% nav_active_class current 'list_subscription_requests' %}"><a href="{% url 'list_subscription_requests' list.list_id %}">{% trans 'Subscription Requests' %}</a></li>
+                        <li class="{% nav_active_class current 'list_held_messages' %}"><a href="{% url 'list_held_messages' list.list_id %}">{% trans 'Held Messages' %}</a></li>
+                    {% endif %}
+                    {% if user.is_superuser or user.is_list_owner %}
+                        <li class="{% nav_active_class current 'list_members' %}"><a href="{% url 'list_members' list.list_id %}">{% trans 'Members' %}</a></li>
+                        <li class="{% nav_active_class current 'list_settings' %}"><a href="{% url 'list_settings' list.list_id %}">{% trans 'Settings' %}</a></li>
+                        <li class="{% nav_active_class current 'mass_subscribe' %}"><a href="{% url 'mass_subscribe' list.list_id %}">{% trans 'Mass Subscribe' %}</a></li>
+                        <li class="{% nav_active_class current 'mass_removal' %}"><a href="{% url 'mass_removal' list.list_id %}">{% trans 'Mass Removal' %}</a></li>
+                        <li class="{% nav_active_class current 'list_archival_options' %}"><a href="{% url 'list_archival_options' list.list_id %}">{% trans 'Archivers' %}</a></li>
+                        <li class="{% nav_active_class current 'list_delete' %}"><a href="{% url 'list_delete' list.list_id %}">{% trans 'Delete List' %}</a></li>
+                    {% endif %}
+                </ul>
+            {% endif %}
+        </div>
+    </div>
+</nav>
diff --git a/src/postorius/templates/postorius/menu/user_nav.html b/src/postorius/templates/postorius/menu/user_nav.html
index 1c6e4e6..cdd4498 100644
--- a/src/postorius/templates/postorius/menu/user_nav.html
+++ b/src/postorius/templates/postorius/menu/user_nav.html
@@ -1,12 +1,25 @@
 {% load i18n %}
-<div class="mm_subHeader">
-    <div class="mm_subHeader">
-        <h1>{% trans "Settings" %}</h1>
+{% load nav_helpers %}
+
+<nav class="navbar navbar-default">
+    <div class="container-fluid">
+        <div class="navbar-header">
+            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#settings-nav" aria-expanded="false">
+                <span class="sr-only">Toggle navigation</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand">{% trans 'Settings' %}</a>
+        </div>
+        <div class="collapse navbar-collapse" id="settings-nav">
+            <ul class="nav navbar-nav">
+                <li class="{% nav_active_class current 'profile' %}"><a href="{% url 'user_profile' %}">{% trans 'Profile' %}</a></li>
+                <li class="{% nav_active_class current 'settings' %}"><a href="{% url 'user_mailmansettings' %}">{% trans 'Subscription Settings' %}</a></li>
+                <li class="{% nav_active_class current 'subscriptions' %}"><a href="{% url 'user_subscriptions' %}">{% trans 'Subscriptions' %}</a></li>
+                <li class="{% nav_active_class current 'add_email' %}"><a href="{% url 'address_activation' %}">{% trans 'Add Email Address' %}</a></li>
+            </ul>
+        </div>
     </div>
-    <ul class="mm_nav">
-        <li class="mm_nav_item"><a href="{% url 'user_profile' %}">{% trans "Profile" %}</a></li>
-        <li class="mm_nav_item"><a href="{% url 'user_mailmansettings' %}">{% trans "Subscription Settings" %}</a></li>
-        <li class="mm_nav_item"><a href="{% url 'user_subscriptions' %}">{% trans "Subscriptions" %}</a></li>
-        <li class="mm_nav_item"><a href="{% url 'address_activation' %}">{% trans "Add Email Address" %}</a></li>
-    </ul>    
-</div>
+</nav>
+