edit-task

Task Description: ] # # - FIX-PRB-6656 - column height on cards is not equal, cards are not displaying properly,

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;">FIX-PRB-6656</h1> <h2>[previously]</h2> <ol> <li><strong>[2016-12-14][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> <li><strong>[00:00] NEW task IN TRY&nbsp;</strong></li> <ol> <li>] found <a href="http://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height?rq=1" target="_blank">question on stack overflow</a> with 3 methods for doing this, methods = 1] use display table, 2] use negative margins, 3] use flex&nbsp;</li> <li>] TEST on page 'plans' method 1 = fail breaks responsive, method 2 = works BUT &nbsp;</li> </ol> <li><strong>[21:00] NEW task&nbsp;</strong></li> <ol> <li>] # # - TRY - copy code from example doc, into 'books' test page</li> <li>x] these look equal, but no image present</li> <li>x] added image 'book' - result=PASS</li> <li>x] add another card(4) - result=PASS</li> <li>x] add col-md-4 , result=FAIL, displays 3 per row, BUT funky rows&nbsp;</li> <li>x] TRY = wrap 'row' around each 3 items</li> </ol></ol> <h2>[currently]</h2> <ol> <li>] &nbsp;</li> </ol> <h2>[next]</h2> <ol> <li>]</li> </ol> <h2>[reference]</h2> <div><ol> <li>] g?=display boostrap 4 cards in equal rows</li> <li>] r# # - https://scotch.io/bar-talk/different-tricks-on-how-to-make-bootstrap-columns-all-the-same-height</li> </ol></div> <h2>[related]</h2> <div> <div>&gt; &lt;style&gt;</div> <div>.card-block { &nbsp;</div> <div>&nbsp; &nbsp; max-height:200px;</div> <div>&nbsp; &nbsp; overflow:auto;</div> <div>}</div> <div>&lt;/style&gt;</div> <div>TRY - style - display table - breaks responsive</div> <div>TRY - style - negative margins - pages in full view are way long</div> <div>TRY - style - flex box -&nbsp;</div> </div> <div><strong>ALSO&nbsp;</strong></div> <div>- http://stackoverflow.com/questions/35868756/how-can-i-make-bootstrap-4-cards-all-the-same-height&nbsp;</div> <div>- g?=' bootstrap 4 card deck equal height'</div>