add bootstrap starter page

mattmakai · mattmakai · commit ef2cc7daaa70 · 2017-09-01T14:57:51.000-04:00
diff --git a/content/pages/07-web-development/03-django.markdown b/content/pages/07-web-development/03-django.markdown
@@ -14,10 +14,8 @@ behind batteries-included is that the common functionality for building
 web applications should come with the framework instead of as separate
 libraries.
 
-
 <a href="http://www.djangoproject.com/" style="border: none;"><img src="/img/logos/django.png" width="100%" alt="Official Django logo. Trademark Django Software Foundation." class="technical-diagram"></a>
 
-
 For example, 
 [authentication](https://docs.djangoproject.com/en/dev/topics/auth/),
 [URL routing](https://docs.djangoproject.com/en/dev/topics/http/urls/), a 
diff --git a/content/pages/07-web-development/21-bootstrap.markdown b/content/pages/07-web-development/21-bootstrap.markdown
@@ -0,0 +1,24 @@
+title: Bootstrap
+category: page
+slug: bootstrap-css
+sortorder: 0721
+toc: False
+sidebartitle: Bootstrap
+meta: Bootstrap is a CSS framework for building website and web application user interfaces.
+
+
+# Bootstrap
+[Bootstrap](http://getbootstrap.com/) is a CSS framework that makes it 
+easier to create website and web application user interfaces. Bootstrap 
+is especially useful as a base layer of 
+[CSS](/cascading-style-sheets.html) to build sites with
+[responsive web design](/responsive-design.html).
+
+<a href="http://getbootstrap.com/" style="border: none;"><img src="/img/logos/bootstrap.png" width="100%" alt="Bootstrap logo." class="technical-diagram" style="border-radius:5px"></a>
+
+
+### Bootstrap resources
+* [Bootstrap 4: What's New?](https://medium.com/wdstack/bootstrap-4-whats-new-visual-guide-c84dd81d8387)
+  shows a slew of comparisons for how user interface elements have changed
+  design over the past several Bootstrap major version iterations.
+
diff --git a/static/img/logos/bootstrap.png b/static/img/logos/bootstrap.png
diff --git a/theme/templates/choices/bootstrap-css.html b/theme/templates/choices/bootstrap-css.html
@@ -0,0 +1,18 @@
+<h3>What else do you want to learn about web development?</h3>
+<div class="row">
+    <div class="col-md-4">
+        <div class="well select-next">
+            {% include "choices/buttons/web-design.html" %}
+        </div>
+    </div>
+    <div class="col-md-4">
+        <div class="well select-next">
+            {% include "choices/buttons/static-content.html" %}
+        </div>
+    </div>
+    <div class="col-md-4">
+        <div class="well select-next">
+            {% include "choices/buttons/javascript.html" %}
+        </div>
+    </div>
+</div>
diff --git a/theme/templates/table-of-contents.html b/theme/templates/table-of-contents.html
@@ -169,7 +169,7 @@ <h4 class="toc-subsection">7.3 <a href="/web-design.html">Web design</a></h4>
 <div class="toc soon">Minification</div>
 
 <h4 class="toc-subsection">7.4 <span class="soon">CSS Frameworks</span></h4>
-<div class="toc soon">Bootstrap</div>
+<div class="toc"><a href="/bootstrap-css.html">Bootstrap</a></div>
 <div class="toc soon">Foundation</div>
 <div class="toc soon">Materialize</div>
 <div class="toc soon">Concise</div>
