php - Responsive Design - Database Generated Icons / Images -


I'm working on a site's home page. We have around 50 large icons / I currently called them out 5 and then I put them in a BR tag to go to the next line (using PHP and a counter). My problem is that the design needs to be responsive so that you can reduce the screen, it will save Fit 3 on the first line and then 2 on the next line will kick the generated PHP tag so that we can find a place.

What is the best way to get around this, so every time the size of the screen does any work? I am using twitter bootstrap and ccpip for coding.

The best way to see what I mean is on the website:

thanks

The current PHP code is:

  // Luping through industry marks and creating a link for them ------------------------------------- ----------------------------------- ------------- & gt; ; If (isset ($ industry_icons)) {$ i = 0; Foreach ($ industry_icons $ industry) {echo $ this- & gt; HTML-> The link ($-> $-> $ ['industry'] ['image_path'], array ('width' = '' 180 '', 'style' = & gt; margin- Right: 5px; margin-left: 5px; margin-bottom: 10px; ')), array (' controller '= & gt;' user ',' verb '= & gt; register', 'industry' => ; $ Industry ['industry'] ['id']), array ('escape' = & gt; wrong)); $ I ++; If ($ i% 5 == 0) {echo "

& lt; Br / & gt; Remove the tag and your issue is resolved. Images will be automatically adjusted based on your container devail size.

Comments

Popular posts from this blog

Python SQLAlchemy:AttributeError: Neither 'Column' object nor 'Comparator' object has an attribute 'schema' -

java - How not to audit a join table and related entities using Hibernate Envers? -

mongodb - CakePHP paginator ignoring order, but only for certain values -