diff --git a/templates/system/page.tpl.php b/templates/system/page.tpl.php
index 42d5764..c5d8f80 100644
--- a/templates/system/page.tpl.php
+++ b/templates/system/page.tpl.php
@@ -126,7 +126,7 @@
   <div class="row">
 
     <?php if (!empty($page['sidebar_first'])): ?>
-      <aside class="col-sm-3" role="complementary">
+      <aside class="col-sm-2" role="complementary">
         <?php print render($page['sidebar_first']); ?>
       </aside>  <!-- /#sidebar-first -->
     <?php endif; ?>
@@ -156,7 +156,7 @@
     </section>
 
     <?php if (!empty($page['sidebar_second'])): ?>
-      <aside class="col-sm-3" role="complementary">
+      <aside class="col-sm-2" role="complementary">
         <?php print render($page['sidebar_second']); ?>
       </aside>  <!-- /#sidebar-second -->
     <?php endif; ?>
diff --git a/templates/system/page.vars.php b/templates/system/page.vars.php
new file mode 100644
index 0000000..9bcc871
--- /dev/null
+++ b/templates/system/page.vars.php
@@ -0,0 +1,23 @@
+<?php
+/**
+ * @file
+ * page.vars.php
+ */
+
+/**
+ * Implements hook_preprocess_page().
+ *
+ * @see page.tpl.php
+ */
+function test_bootstrap_preprocess_page(&$variables) {
+  // Add information about the number of sidebars.
+  if (!empty($variables['page']['sidebar_first']) && !empty($variables['page']['sidebar_second'])) {
+    $variables['content_column_class'] = ' class="col-sm-8"';
+  }
+  elseif (!empty($variables['page']['sidebar_first']) || !empty($variables['page']['sidebar_second'])) {
+    $variables['content_column_class'] = ' class="col-sm-10"';
+  }
+  else {
+    $variables['content_column_class'] = ' class="col-sm-12"';
+  }
+}