resolves issue#15 update to bootstrap v4

README.md

@@ -1,2 +1,2 @@
 # starterkit-mustache-bootstrap
-A Bootstrap starter kit for Pattern Lab
+A Bootstrap v4 starter kit for Pattern Lab

dist/_meta/_00-head.mustache

@@ -6,7 +6,6 @@
 		<meta name="viewport" content="width=device-width" />
 
 		<link rel="stylesheet" href="../../css/bootstrap.css" media="all" />
-		<link rel="stylesheet" href="../../css/bootstrap-theme.css" media="all" />
 
 		<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 		{{{ patternLabHead }}}

dist/_patterns/00-atoms/00-global/01-fonts.mustache

@@ -0,0 +1,3 @@
+<div>Primary font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"</div>
+<div><em>Primary font italic: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"</em></div>
+<div><strong>Primary font bold: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"</strong></div>

dist/_patterns/00-atoms/02-text/02-blockquote.mustache

@@ -1,3 +1,4 @@
-<blockquote>
-	<p>A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.</p>
+<blockquote class="blockquote">
+  <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+  <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
 </blockquote>

dist/_patterns/00-atoms/02-text/03-inline-elements.mustache

@@ -27,7 +27,7 @@
 
 	<p><q cite="https://developer.mozilla.org/en-US/docs/HTML/Element/q">This text is a short inline quotation</q>.</p>
 
-	<p><cite>This is a citation</cite>
+	<p><cite title="Source Title">This is a citation</cite>
 
 	</p><p>The <dfn>dfn element</dfn> indicates a definition.</p>
 

dist/_patterns/00-atoms/02-text/08-lead.md

@@ -0,0 +1,5 @@
+---
+title: Lead
+---
+
+Make a paragraph stand out.

dist/_patterns/00-atoms/02-text/08-lead.mustache

@@ -0,0 +1,3 @@
+<p class="lead">
+  Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
+</p>

dist/_patterns/00-atoms/03-lists/03-unstyled.md

@@ -0,0 +1,5 @@
+---
+title: Definition
+---
+
+Remove the default list-style and left margin on list items (immediate children only). This only applies to immediate children list items, meaning you will need to add the class for any nested lists as well.

dist/_patterns/00-atoms/03-lists/03-unstyled.mustache

@@ -0,0 +1,17 @@
+<ul class="list-unstyled">
+  <li>Lorem ipsum dolor sit amet</li>
+  <li>Consectetur adipiscing elit</li>
+  <li>Integer molestie lorem at massa</li>
+  <li>Facilisis in pretium nisl aliquet</li>
+  <li>Nulla volutpat aliquam velit
+    <ul>
+      <li>Phasellus iaculis neque</li>
+      <li>Purus sodales ultricies</li>
+      <li>Vestibulum laoreet porttitor sem</li>
+      <li>Ac tristique libero volutpat at</li>
+    </ul>
+  </li>
+  <li>Faucibus porta lacus fringilla vel</li>
+  <li>Aenean sit amet erat nunc</li>
+  <li>Eget porttitor lorem</li>
+</ul>

dist/_patterns/00-atoms/07-media/07-responsive-images.md

@@ -0,0 +1,5 @@
+---
+title: Responsive images
+---
+
+Images in Bootstrap are made responsive with `.img-fluid. max-width: 100%;` and `height: auto;` are applied to the image so that it scales with the parent element

dist/_patterns/00-atoms/07-media/07-responsive-images.mustache

@@ -0,0 +1 @@
+<img src="{{ src }}" class="img-fluid" alt="{{ alt }}">