Boostrap Display X Per Row

[likestuff]

Hi there,

How can I display the image X amount per row on mobile. The box DIV doesn't have the bootsrap css, for example, col-md-4, col-sm-6, etc...

Do I have to use an override for this and if so which one?

Thanks!

[Jan]

Hi, can you paste a screenshot of what do you exactly mean?
Phoca Gallery does not use Bootstrap, but float boxes.

Jan

[likestuff]

Hi Jan,

The attached is how it displays on a Google Nexus 7, I would like the photos to show 2 per row.

Is there a way to have it display, for example, on large devices 4 per row, medium devices 2 per row, small devices 1 per row?

https://imgur.com/a/dUaPXlh

Thanks!

[Jan]

Hi, you can display Phoca Gallery images in Bootstrap way with help of Phoca Photo plugin, see:

https://www.phoca.cz/phocaphoto

See, there are different ways to display Phoca Gallery responsively:



Jan

[likestuff]

Hi Jan,

It would be nice if Phoca Gallery had the responsive option too.

Thanks.

[Jan]

It would be nice if Phoca Gallery had the responsive option too

Hi, Phoca Gallery was always responsive, when all galleries used tables, Phoca Gallery used float boxes. Using float boxes is the oldest way to make the site responsive because float box just fill the width of the page and if there is no place, it will be displayed on second row.

But of course, this obsolete method is not always 100%, there are new modern methods, so yes, Phoca Gallery will be overwritten too, see:
https://www.phoca.cz/blog/1095-phoca-ga ... -2020-2021

Jan

[likestuff]

OK. Nice. Good to know