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 Photos Edit more

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

Content Photos Edit more

photos

photos for this task

actions

Agenda Email task SMS task Priorities