portfolio: set columns per screen size

Question

Hello,

Is it possible to control the number of columns displayed in a portfolio according to the screen resolutions lg, md, sm, xs, xxs? Similar to what is possible with data-items for the owl carousel?

Thank you.

Best,
Andrew

SemiColonWeb · Accepted Answer

Hello,

This is Definitely Possible! However, you will need to change the Codes slightly and use the Bootstrap Grids: http://getbootstrap.com/css/#grid to make this work out of the Box. Please consider using the following code:


	
		
			
				[
					
![attachment](images/portfolio/4/1.jpg)

				](portfolio-single.html)
				
					[](images/portfolio/full/1.jpg)
					[](portfolio-single.html)
				
			
			
				[Open Imagination](portfolio-single.html)
				[Media](#), [Icons](#)
			
		
	

	...

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

jogjandrew · Answer

At the very least I'd like to allow 2 columns for XS screens. Thanks. Best, Andrew

jogjandrew · Answer

Great! Thank you. The grid is now aligning as designed per screen size.

How can I set the bootstrap gutter to 0?

I've tried the helper classes nomargin, nopadding, as well as portfolio-full, portfolio-nomargin, but the gutters between columns still show.

Thank you!

Best,
Andrew

jogjandrew · Answer

Sorry, nevermind. I got it to work with the nopadding helper class. Looks like I was putting it in the wrong div. Thanks. Best, Andrew