Boostrap Display X Per Row

Phoca Gallery - image gallery extension
likestuff
Phoca Professional
Phoca Professional
Posts: 151
Joined: 18 Jul 2008, 03:06

Boostrap Display X Per Row

Post by likestuff » 23 Oct 2020, 20:45

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!

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 43171
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Boostrap Display X Per Row

Post by Jan » 24 Oct 2020, 17:03

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

Jan
If you find Phoca extensions useful, please support the project

likestuff
Phoca Professional
Phoca Professional
Posts: 151
Joined: 18 Jul 2008, 03:06

Re: Boostrap Display X Per Row

Post by likestuff » 28 Oct 2020, 22:24

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!

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 43171
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Boostrap Display X Per Row

Post by Jan » 29 Oct 2020, 15:32

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
If you find Phoca extensions useful, please support the project

likestuff
Phoca Professional
Phoca Professional
Posts: 151
Joined: 18 Jul 2008, 03:06

Re: Boostrap Display X Per Row

Post by likestuff » 29 Oct 2020, 16:38

Hi Jan,

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

Thanks.

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 43171
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Boostrap Display X Per Row

Post by Jan » 30 Oct 2020, 13:22

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
If you find Phoca extensions useful, please support the project

likestuff
Phoca Professional
Phoca Professional
Posts: 151
Joined: 18 Jul 2008, 03:06

Re: Boostrap Display X Per Row

Post by likestuff » 30 Oct 2020, 19:46

OK. Nice. Good to know :)

Post Reply