task

CREATE-article# # 

[previously]

1. [2016-11-dd][00:00] NEW task IN ?
1. ] # # - CREATE-article# # -  center images in bootstrap 4
2. ] FIX-PRB - on PAGE-index - app icon images are no longer centered in their containing divs
2. [00:00] NEW article IN 
1. ] # # - 

[currently]

1. [00:00] NEW task IN PROBLEM
1. x] # # - PAGE index - app icon images NOT centered in cell, they were in previous version 
2. [00:00] NEW task IN TRY
1. x] EDIT = "center-block" to center-*-block, as per https://github.com/twbs/bootstrap/issues/19357, result=N/C
2. x] TRY remove "img-responsive" result=N/C
3. x] TRY = add class center block on containing div, result=N/C
3. [00:00] NEW task IN TRY
1. x] TRY = add class .m-x-auto as per comment on github issue noted above, result = N/C 
2. *] REFERENCE = http://v4-alpha.getbootstrap.com/content/images/ , http://v4-alpha.getbootstrap.com/utilities/sizing-and-positioning/
3. x] TRY = img-fluid vs img-responsive
4. x] TRY= add class "float-xs-right", this WORKS BUT 
5. x] TRY = add class "m-x-auto" this by itself DOES NOT CENTER img BUT 
6. > x] TRY add class = d-block <<< THIS 
7. x] TRY = removed class - x] rounded OK, x] img-fluid OK
8. ] SOLUTION = img class="m-x-auto d-block"

[next]

1. ]

Details

ID: 6628

NAME: FIX-PRB-6628

DESCRIPTION: ] # # - FIX-PRB-6628 - center images in div using bootstrap 4

START DATE TIME: 2016-12-08 12:01:41

EST DURATION: 01:00:00

END DATE TIME: 2016-12-08 13:01:41

STATUS: To-Do

PRIORITY: -5

OWNER ID: 1

photos

actions

Agenda Email task SMS task Priorities