Reynier
Reynier

Reputation: 2478

Using Bootstrap and Foundation (jQuery part) in same page

I'm using Zurb Foundation in one of my projects, now I want to use some components from Twitter Bootstrap, can I do this? If so how?

Upvotes: 1

Views: 667

Answers (1)

khollenbeck
khollenbeck

Reputation: 16157

Well as I understand it both bootstrap and foundation are fairly similar. But anyways here is a comparison and some things I would personally be concerned about.

Some similarities:

  • Both have an option to download a stand-alone css file.
  • Both have the option to customize the css file
  • They both have a set of JavaScript plugins
  • They are both built to be responsive
  • Both have an Icon library
  • They both use jQuery

Some Differences:

  • Bootstrap supports less (there is third party support for sass using rails) SEE HERE
  • Foundation supports SASS
  • The markup for the controls is different
  • The look and feel is different

Some things to Consider:

  • There is a possibility of conflicting classes and styles when using both. This could also affect the JavaScript components as they are both dependent on those classes.

  • In my opinion I feel like you should be able to use both without much conflict. My biggest concern would be difference in markup and possibility of conflicting classes as both use somewhat generic class names.

In the end I guess it comes down more to architecture and preference. I personally prefer Foundation because of its stand-alone SASS support. But on the other hand I think Bootstrap does a better job with the markup.

Upvotes: 1

Related Questions