You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p>If you have not already downloaded the files for this workshop - please download them at <ahref="http://gdiboulder.com/bootstrap" target="blank">gdiboulder.com/bootstrap</a></p>
<li>What do you hope to get out of this workshop?</li>
75
+
<li>What is your favorite restaturant?</li>
80
76
</section>
81
77
<section>
82
78
<h2>Download workshop files</h2>
@@ -121,15 +117,15 @@ <h2>What is a front-end framework?</h2>
121
117
<p>A front-end web development framework is simply a collection of production-ready HTML/CSS/JavaScript components that we can use in our designs.</p>
122
118
</section>
123
119
<section>
124
-
<h2>What is a front-end framework?</h2>
120
+
<h2>What is a front-end framework?</h2>
125
121
<p>Bear in mind that Bootstrap is not just a CSS grid. It also comes with tons of features that you can use to build a fully-functional website.</p>
126
122
</section>
127
123
128
124
<sectiondata-background="#f05b62">
129
125
<h2style="color: #fafafa;">Why would I want to use Bootstrap?</h2>
130
126
</section>
131
127
<section>
132
-
<h2>Why would I want to use Bootstrap?</h2>
128
+
<h2>Why would I want to use Bootstrap?</h2>
133
129
<p>Bootstrap is designed to be responsive, which means that your HTML elements will respond to changes in screen size.</p>
134
130
</section>
135
131
<section>
@@ -293,7 +289,7 @@ <h2>1. Default</h2>
293
289
...
294
290
</div>
295
291
</nav>
296
-
</code></pre>
292
+
</code></pre>
297
293
298
294
</section>
299
295
<section>
@@ -305,7 +301,7 @@ <h2>2. Fixed to Top</h2>
305
301
...
306
302
</div>
307
303
</nav>
308
-
</code></pre>
304
+
</code></pre>
309
305
<p>Body Padding Required:</p>
310
306
<pre><codeclass="css">
311
307
body { padding-top: 70px; }
@@ -320,7 +316,7 @@ <h2>3. Fixed to Bottom</h2>
320
316
...
321
317
</div>
322
318
</nav>
323
-
</code></pre>
319
+
</code></pre>
324
320
<p>Body Padding Required:</p>
325
321
<pre><codeclass="css">
326
322
body { padding-bottom: 70px; }
@@ -335,7 +331,7 @@ <h2>4. Static Top</h2>
335
331
...
336
332
</div>
337
333
</nav>
338
-
</code></pre>
334
+
</code></pre>
339
335
</section>
340
336
<section>
341
337
<h2>Develop it!</h2>
@@ -458,19 +454,19 @@ <h2>Develop It!</h2>
458
454
</section>
459
455
<section>
460
456
<h2>Customize!</h2>
461
-
<p>Customize your CSS before you even download your Bootstrap files by visiting <ahref="http://getbootstrap.com/customize/" target="blank">http://getbootstrap.com/customize/</a></p>
457
+
<p>Customize your CSS before you even download your Bootstrap files by visiting <ahref="http://getbootstrap.com/customize/" target="blank">http://getbootstrap.com/customize/</a></p>
462
458
</section>
463
459
<section>
464
460
<h2>Customize!</h2>
465
-
<p>Want to customize your Bootstrap page even more? Just create your own CSS and include it in the <code>head</code>, below the Bootstrap CSS to add and override styles!</p>
461
+
<p>Want to customize your Bootstrap page even more? Just create your own CSS and include it in the <code>head</code>, below the Bootstrap CSS to add and override styles!</p>
466
462
</section>
467
463
<section>
468
464
<h2>Tips and Tricks</h2>
469
-
<p>Before you start creating custom CSS for your design, always check the Bootstrap documentation to see if they've already created a class that does what you want.</p>
465
+
<p>Before you start creating custom CSS for your design, always check the Bootstrap documentation to see if they've already created a class that does what you want.</p>
470
466
</section>
471
467
<section>
472
468
<h2>Bootstrap Resources</h2>
473
-
<p><ahref="http://getbootstrap.com/" target="blank">Get Bootstrap:</a> All documentation and download files for Bootstrap</p>
469
+
<p><ahref="http://getbootstrap.com/" target="blank">Get Bootstrap:</a> All documentation and download files for Bootstrap</p>
474
470
<p><ahref="http://expo.getbootstrap.com/" target="blank">Bootstrap Expo:</a> Check out all the rad site designs that use Bootstrap</p>
475
471
<p><ahref="https://github.com/twbs/bootstrap" target="blank">Bootstrap on GitHub:</a> Check out the Bootstrap repo. Maybe even contribute to the project!</p>
0 commit comments