Switch RSD pages from foundation to...

User 2885601 Photo


Registered User
42 posts

Is there a way to easily switch Responsive Site Designer pages created using the Foundation grid to Bootstrap? or visa versa - switching from bootstrap to foundation?

Thanks
Jim Capraro
User 2699991 Photo


Registered User
4,782 posts
Online Now

James Capraro wrote:
Is there a way to easily switch Responsive Site Designer pages created using the Foundation grid to Bootstrap? or visa versa - switching from bootstrap to foundation?

Thanks
Jim Capraro

My guess is no it wouldn't be easy,, the problem being that the classes and also elements & components are not all compatible between Foundation & Bootstrap so at the end of the day it will probably be easier/quicker to start again using whichever wireframe grid you prefer (but maybe someone else has a different idea.)
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 122279 Photo


Senior Advisor
14,447 posts

I think Wayan is right.
Maybe there is some 'glossary' out there, that explains what a bootstrap class translates to in Foundation - or vice versa. That could be quite a useful thing.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2642157 Photo


Registered User
12 posts

I've got the same question as Jim. Here are my specifics:

I am converting an existing website to a responsive design. I bought Responsive Site Designer and have been learning it as time allows. The results have been terrific and I am very happy with the product. All that I have built thus far has been using the Foundation 6 grid to which my RSD defaults on opening.

Now I am converting the first page on my website that uses a carousel display. Foundation does not have a carousel component, but Bootstrap does. I have started a "test" RSD project with the Bootstrap 4 grid, inserted the Bootstrap carousel component and, after a lot of tweaking of the various classes that the carousel needs, got it all to work. I am thinking that I can just export this Bootstrap page to my server and all will be fine.

Now my question is - is there any problem having some pages built with the Bootstrap 4 grid and others built with the Foundation 6 grid? Off hand, I do not see any problems, but I am also fairly new with these products and know that I do not understand all that is going on behind the scenes. For example, will this cause a problem with Website Insight or Sonar? or Google? More importantly, will it work? Any ideas on this or other possible solutions? Thanks!!!
User 2642157 Photo


Registered User
12 posts

Whew!!! After a lot of trial and error, I did accomplish what I was after. I basically kept my webpages with the Foundation grid, and inserted the Bootstrap's Carousel component into the page where I wanted it. The page is in PHP and HTML so I did not attach an example here as I thought the PHP might be too confusing. This probably will not win any awards for best practices, but it did accomplish what I needed.

The main thing that you would need to watch out for are the CSS's. Foundation and Bootstrap have their CSS's in folders with different names on your server, so that is helpful. You just need to ensure which CSS is being accessed at any specific point in time. I used Chrome's Inspect tool for that purpose.

To answer James Capraro's original question - was this easy? My answer is - doable, but not easy.
User 2699991 Photo


Registered User
4,782 posts
Online Now

Craig Carothers wrote:
Whew!!! After a lot of trial and error, I did accomplish what I was after. I basically kept my webpages with the Foundation grid, and inserted the Bootstrap's Carousel component into the page where I wanted it. The page is in PHP and HTML so I did not attach an example here as I thought the PHP might be too confusing. This probably will not win any awards for best practices, but it did accomplish what I needed.

The main thing that you would need to watch out for are the CSS's. Foundation and Bootstrap have their CSS's in folders with different names on your server, so that is helpful. You just need to ensure which CSS is being accessed at any specific point in time. I used Chrome's Inspect tool for that purpose.

To answer James Capraro's original question - was this easy? My answer is - doable, but not easy.


Oh boy I wish I had seen this post before
the foundation component "Orbit" could have been made to look just like that Bootstrap thing, with half of the bother
So for future reference, if anyone wants to see how to style the "Orbit" component in Foundation, I have a number of videos, & can always make one more specific for your requirements
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 2642157 Photo


Registered User
12 posts

Oh boy I wish I had seen this post before
the foundation component "Orbit" could have been made to look just like that Bootstrap thing, with half of the bother


Ahhhhh. Live an learn. I was going by this page https://www.coffeecup.com/help/articles/bootstrap-and-foundation-component-library-collection/ which states that carousels are N/A in Foundation. Maybe the Coffee Cup team missed, as I did, that the ZURB Foundation calls carousels "image sliders" in their Orbit documentation. The lesson is "always check things out yourself" and "watch for changes in terminology".

Thanks for pointing me to Orbit.
User 2699991 Photo


Registered User
4,782 posts
Online Now

Craig Carothers wrote:
Oh boy I wish I had seen this post before
the foundation component "Orbit" could have been made to look just like that Bootstrap thing, with half of the bother


Ahhhhh. Live an learn. I was going by this page https://www.coffeecup.com/help/articles/bootstrap-and-foundation-component-library-collection/ which states that carousels are N/A in Foundation. Maybe the Coffee Cup team missed, as I did, that the ZURB Foundation calls carousels "image sliders" in their Orbit documentation. The lesson is "always check things out yourself" and "watch for changes in terminology".

Thanks for pointing me to Orbit.

I think the problem may have been that Zurb Foundation stopped supporting the Orbit thingy,,, they later decided to bring it back to life, so now there is support again for Orbit. The only other problem with Orbit is that you cannot get it to Fade between slides (not sure if that will come) However Alter Eagle (a fellow CC forum Guru) has made a step by step tutorial for making a Fading Slide show of your own from scratch. it's a pretty cool component that can be customized very easily looks & works great
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 2811106 Photo


Registered User
1 post

Hi, i have just downloaded version 4, from 2.5, it asked do i want bootstrap or foundation at the start, i clicked bootstrap, not a clue which one, now my current website seems all messed up, nothing is where it should be. Did i need to click foundation, i cannot see where you can change this, any ideas????
User 2088758 Photo


Senior Advisor
3,086 posts

My guess is your old project was created in Coffeegrinder platform which was a proprietary framework. The short answer is no you cannot switch it from Bootstrap to Foundation.

That being said it will take a little fixing once you upgrade both frameworks should work. I had one of my sites mess up quite a bit took some time to readjust and fix everything. The one I had the most issues with is the one that was built with Coffeegrinder Desktop Down framework. Any websites I created with version 2.5 in foundation seemed to copy over well.

Do you have a link to share maybe we can give some guidance.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.