Author Topic: Does Bootstrap Multiple Columns work in php 7.1  (Read 519 times)

Offline sky writer

  • Posts: 926
Does Bootstrap Multiple Columns work in php 7.1
« on: March 26, 2018, 11:44:02 PM »
I have this module working on a site under php 5.6 (wb portable), but the same site is not working under 7.1. (WB Portable)
wb 2.11

Offline dbs

  • Betatester
  • **
  • Posts: 7788
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Does Bootstrap Multiple Columns work in php 7.1
« Reply #1 on: March 27, 2018, 07:59:26 AM »
Hi, have this module running in different websites with WB 2.11 and PHP7.1.x
Any error messages?

Offline sky writer

  • Posts: 926
Re: Does Bootstrap Multiple Columns work in php 7.1
« Reply #2 on: March 31, 2018, 06:59:47 AM »
Sorry to take so long replying.  I have been trying every angle to figure out what is causing all my columns to be 100% width (stacked), no matter my settings.

I finally realized the issue.  I use Zurb Foundation, and the sites I had Bootstrap Multiple Columns working nicely on, had Foundation v6.3.1 installed.  I forgot that these new sites have the newest version 6.4.2
It appears that this module is not compatible with 6.4.2 (or vise-versa), perhaps because of new grid implementation (flexbox-first with XY grid). 

Not sure if this can be added into the module easily, but if not, there are other options on the Foundation end.  I tried reading about it on the Zurb site, and they say you can download a custom version with legacy fallback, but it's been a long day.

I found this difference on another support forum:
Code: [Select]
Legacy Grid (float / flex)

<div class="row">
  <div class="columns small-4">column</div>
  <div class="columns small-4">column</div>
  <div class="columns small-4">column</div>
</div>

XY Grid

<div class="grid-container">
  <div class="grid-x">
    <div class="cell small-4">cell</div>
    <div class="cell small-4">cell</div>
    <div class="cell small-4">cell</div>
  </div>
</div>

I will try to look at this with fresh eyes tomorrow, but for now, I am happy to know what was causing the problem.[/quote]

Offline Ruud

  • Posts: 3647
  • Gender: Male
  • Do not use PM for help! Please use the forum!
    • Dev4Me - Professional WebsiteBaker Development
Re: Does Bootstrap Multiple Columns work in php 7.1
« Reply #3 on: April 04, 2018, 04:24:15 PM »
It appears that this module is not compatible with 6.4.2 (or vise-versa), perhaps because of new grid implementation (flexbox-first with XY grid). 
Unfortunatly I do not have any Zurb Foundation templates using that version for testing.

You could try to solve it by modifying the 2 functions __getRow() and __getCols() in the functions.php.
In __getRow()
Code: [Select]
} elseif ($framework == 3) { //Zurb Foundation
$rval = '<div class="grid-container"><div class="grid-x">'.$m;
$eval = '</div></div>';

and in __getCols() just replace the word columns with cells in the Zurb Foundation $dval setting..

Offline sky writer

  • Posts: 926
Re: Does Bootstrap Multiple Columns work in php 7.1
« Reply #4 on: April 04, 2018, 08:49:06 PM »
That works BEAUTIFULLY!  Thank you so much.