task

FIX-PRB-6656

[previously]

  1. [2016-12-14][00:00] NEW task IN ?
    1. ] # # - 
  2. [00:00] NEW article IN 
    1. ] # # - 
  3. [00:00] NEW task IN TRY 
    1. ] found question on stack overflow with 3 methods for doing this, methods = 1] use display table, 2] use negative margins, 3] use flex 
    2. ] TEST on page 'plans' method 1 = fail breaks responsive, method 2 = works BUT  
  4. [21:00] NEW task 
    1. ] # # - TRY - copy code from example doc, into 'books' test page
    2. x] these look equal, but no image present
    3. x] added image 'book' - result=PASS
    4. x] add another card(4) - result=PASS
    5. x] add col-md-4 , result=FAIL, displays 3 per row, BUT funky rows 
    6. x] TRY = wrap 'row' around each 3 items

[currently]

  1. ]  

[next]

  1. ]

[reference]

  1. ] g?=display boostrap 4 cards in equal rows
  2. ] r# # - https://scotch.io/bar-talk/different-tricks-on-how-to-make-bootstrap-columns-all-the-same-height

[related]

> <style>
.card-block {  
    max-height:200px;
    overflow:auto;
}
</style>
TRY - style - display table - breaks responsive
TRY - style - negative margins - pages in full view are way long
TRY - style - flex box - 
ALSO 
- http://stackoverflow.com/questions/35868756/how-can-i-make-bootstrap-4-cards-all-the-same-height 
- g?=' bootstrap 4 card deck equal height'
Details Photos Edit more

Details

ID: 6656

NAME: FIX-PRB-6656

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

START DATE TIME: 2016-12-14 23:16:33

EST DURATION: 01:00:00

END DATE TIME: 2016-12-15 00:16:33

STATUS: To-Do

PRIORITY: -5

OWNER ID: 1

Content Photos Edit more

photos

photos for this task

actions

Agenda Email task SMS task Priorities