edit-task

Task Description: {"DESC:":"NEW PAGE VERSION v-003 implements FEATURE 5100 responsive design, ] using bootstrap 4 alpha 5, ] cards"}

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;">PAGE VERSION - view/books -v-003</h1> <h2>[previously]</h2> <div><ol> <li>]&nbsp;<a href="/view/task?id=1748" target="_blank">PAGE - view/books</a>&nbsp;- description and history of page, versions list</li> </ol></div> <h2>[currently]</h2> <ol> <li><strong><span style="background-color: #888888;"><strong>[2016-12-05]</strong></span>[00:00] NEW task&nbsp;</strong></li> <ol> <li>x] # # - TRY - card groups - PRB = all cards are aligned across 1 row, as more cards are added, each get narrower and narrower,&nbsp;</li> </ol> <li><strong><span style="background-color: #888888;"><strong>[2016-12-06]</strong></span>[00:00] NEW task</strong></li> <ol> <li>x] # # - TRY - use container-fluid VS container IN _SiteLayout - result = menu and content section is slightly wider,&nbsp;</li> <li>*] container-fluid - uses full viewport VS fixed width of page (based upon ?? media queries ?? )</li> </ol> <li><strong>[00:00] NEW task IN&nbsp;</strong></li> <ol> <li>x] # # - TRY - USE card decks VS card groups&nbsp;</li> </ol> <li><strong><span style="background-color: #888888;">[2016-12-07]</span>[00:00] NEW task FIX-PRB</strong></li> <ol> <li>x] # # - PRB - displays in single row, narrrower and narrower</li> <li>x] # # - TRY - add rows - this makes the content container wider but doesnt affect the # of items that display&nbsp;</li> <li>] # # - TRY SOL - use col-md-# to control how many cols will display</li> </ol> <li><strong>*[00:00] NEW task IN FIX-PRB</strong></li> <ol> <li>x] # # - SOL - ADDED col-md-4 to "div" to control/specify the # of columns that will display</li> </ol> <li><strong>?[00:00] NEW task IN&nbsp;</strong></li> <ol> <li>x] # # - EDIT - content data - current business books,&nbsp;</li> <li>x] align (format) of "descriptions" for each book</li> <li>x] add note re: no content for those books that have NO content articles&nbsp;</li> <li>*] they are here for structure/future research&nbsp;</li> </ol> <li><strong>[00:00] NEW task</strong></li> <ol> <li>x] # # - MOVED notes about this page, currently IN # 6622 PAGE-COM-navheader-v-003 to here,&nbsp;</li> </ol></ol> <h2>[next]</h2> <ol> <li><strong>[00:00] NEW task IN&nbsp;</strong></li> <ol> <li>] # # - PRB - cards are not displayed in equal columns - ex some columns have 3 cards, then the next col has only 1 card, then 3 ...</li> <li>] TRY SOL = switched back to container VS using container-fluid. &nbsp;</li> </ol> <li><strong>[2016-12-08][13:00] NEW task IN TESTING</strong></li> <ol> <li>] # 6626 -&nbsp;<a href="/view/task?id=6625" target="_blank">PAGE-view/books -v-003</a></li> <li>] # # - PRB - # of items displayed per row is NOT consistent,</li> <li>*] # # - heading and text wrap below the image (correctly) unlike with card images&nbsp;</li> <li>] REF = 5100-UPDATE-102 - TESTING -&nbsp;</li> </ol></ol> <div> <h2>[reference]</h2> <ol> <li>] http://v4-alpha.getbootstrap.com/components/card/#decks</li> <li>] http://v4-alpha.getbootstrap.com/layout/grid/</li> </ol> <div><hr /></div> <div>&nbsp;g?='bootstrap 4 card groups control how many per row'</div> <p>-r# &nbsp;# - https://teamtreehouse.com/community/card-display-with-different-amounts-of-content</p> <p>&nbsp;</p> <p>* check menuMain - has no container</p> <p>search all chapters where parent_id = 56&nbsp;</p> <p>+ ref = v-003-testing - includes sample code for card groups,</p> </div>