edit-task

Task Description: ] CREATE-article# # - SUMMARY VIDEO [44:00] Bootstrap 3 Tutorials - #1 Installing Bootstrap & Introducing the Grid System

Start Date:

Start Time:

Duration:

Priority:

Status: To Do Completed In Process

Add Photo:

Owner ID:

Content: use HTML Edit Content <h1 style="text-align: center;">CREATE-article# #</h1> <h2>[previously]</h2> <ol> <li><strong>[2016-12-17][00:00] NEW task IN ?</strong></li> <ol> <li>] # # -&nbsp;</li> </ol> <li><strong>[00:00] NEW article IN&nbsp;</strong></li> <ol> <li>] # # -&nbsp;</li> </ol></ol> <h2>[currently]</h2> <ol> <li><strong>[43:47] VIDEO&nbsp;<a href="https://www.youtube.com/watch?v=mKt-MDwtVB4" target="_blank">Bootstrap 3 Tutorials - #1 Installing Bootstrap &amp; Introducing the Grid System</a>&nbsp;</strong></li> <ol> <li>] # #&nbsp;</li> </ol></ol> <h2>[next]</h2> <ol> <li><strong>[45:00] VIDEO bootstrap https://www.youtube.com/watch?v=mKt-MDwtVB4</strong></li> <ol> <li>[00;00] intro to tutorial - &nbsp;</li> <li>[00;00] intro to bootstrap -&nbsp;</li> <li>[04:00] bootstrap features - ] built in html,css,js &nbsp;] responsive, ] docs, ] built in grid</li> <li>[05:15] a little bit&nbsp;</li> <li>[05:30] download and install, 2 ways both easy</li> <li>- method 1] use cdn - copy links from official site&nbsp;</li> <li>- also ad js links to boostrap and jquery&nbsp;</li> <li>- * will not work without internet connection</li> <li>- 10:30&nbsp;</li> <li>- method 2] download &amp; extract&nbsp;</li> </ol> <li><strong>[15:30] the boostrap grid - container</strong></li> <ol> <li>] starts with a basic html file with only header and footer elements</li> <li>] creates a container div</li> <li>* explaining everything as he goes, div is ..., class is a ..</li> <li>] adds an inline style to give container a bg color,</li> <li>] demos how container is responsive</li> </ol> <li><strong>[20:19] bootstrap grid - row</strong></li> <ol> <li>] # # -&nbsp;</li> </ol></ol> <div> <h2>[reference]</h2> <ol> <li>http://stackoverflow.com/questions/37548489/bootstrap-img-responsive-vs-img-fluid</li> <li>http://www.quackit.com/bootstrap/bootstrap_4/tutorial/bootstrap_images.cfm</li> <li>http://v4-alpha.getbootstrap.com/components/buttons/</li> </ol></div> <h2>[related]</h2> <ol> <li>] # # - CREATE-article# 6665 - 12-days-of-bootstrap</li> <li>] # # - <a href="/view/task?id=6656" target="_blank">FIX-PRB-6656 </a>- bootstrap columns not equal height</li> </ol><hr /> <p>g?=' bootstrap 4 image responsive VS image fluid'</p> <hr /> <div>g?= understanding boostraps grid system</div> <div>https://www.sitepoint.com/understanding-bootstrap-grid-system/</div> <div>- r# # http://www.quackit.com/bootstrap/bootstrap_4/tutorial/bootstrap_grid_system.cfm</div> <div><hr /></div> <div> <p>g?=website file naming conventions, naming conventions for web pages</p> <p>https://thenewcode.com/30/HTML-naming-conventions-and-file-management&nbsp;</p> <p>&nbsp;</p> <hr /> <p>http://www.qualtrics.com/ -survey ( used by telus)</p> </div>