task

FIX-PRB-6656

[previously]

[2016-12-14][00:00] NEW task IN ?

] # # -

[00:00] NEW article IN

] # # -

[00:00] NEW task IN TRY

] found question on stack overflow with 3 methods for doing this, methods = 1] use display table, 2] use negative margins, 3] use flex
] TEST on page 'plans' method 1 = fail breaks responsive, method 2 = works BUT

[21:00] NEW task

] # # - TRY - copy code from example doc, into 'books' test page
x] these look equal, but no image present
x] added image 'book' - result=PASS
x] add another card(4) - result=PASS
x] add col-md-4 , result=FAIL, displays 3 per row, BUT funky rows
x] TRY = wrap 'row' around each 3 items

[currently]

]

[next]

]

[reference]

] g?=display boostrap 4 cards in equal rows
] 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