css - modal with items vertically centered aligned and with scroll -

i'm using bootstrap modal, , have list buttons inside modal body structure:

    image            image        image       image   options       option1     option2     other option     image            image        image       image    option3         option4      option5       ...     image                option7 

so same margins between buttons , list items aligned vertically aligned , scroll because buttons can occupy more height default modal height.

do know how achieve that? i'm doing this: http://jsfiddle.net/znhgdzl7/, it's not working.

i added max-height , overflow css. solve issue. may not values want, can adjust them accordingly. keep content within horizontal max, need add wrap property css. see new fiddle.

  display: flex;   flex-wrap:wrap;   max-height:50px;   overflow-y:auto; 

new fiddle: http://jsfiddle.net/djwave28/znhgdzl7/7/