273 posts
  • Has referred 1+ members
  • Has sold $100+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
CrealabSK says

Hello!

I want to make my new template and I can not decide which reponsive grid system I should choose. Which system do you use your templates? Foundation 4, Bootstrap 3 or Bootstrap 2, or you have developed your own responsive grid system?

For each answer you write please why did you choose very one responsive grid system.

Thanks for the reply. :)

1286 posts
  • Has been part of the Envato Community for over 4 years
  • Has sold $40,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 50+ items on Envato Market
+5 more
Smartik says

Try this: http://unsemantic.com/
It uses percents and IMO it’s better than Bootstrap or Foundation. :)

515 posts
  • Has sold $10,000+ on Envato Market
  • Has been part of the Envato Community for over 3 years
  • Sells items exclusively on Envato Market
  • Won a Most Wanted contest
+2 more
rayoflightt says

Bootstrap because it is most popular framework here. If you want to have full ie8 support then go with Bootststrap2. If ie8 is not much important for you go with Bootstrap 3. It has more complex classes that give more possibility to better optimise layout for smaller devices especially tablets. For clients outside Tf version 2 is still the best choice.

647 posts
  • Has been part of the Envato Community for over 3 years
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
ChapterThemes says

Try this: http://unsemantic.com/
It uses percents and IMO it’s better than Bootstrap or Foundation. :)

+1 for the percentages.

I use a similar setup – cool thing is you can use percentages and still have fixed gutters.

Only downside with a setup like unsemantic is if you want columns to have backgrounds or borders that actualy stay inside the needed width – you always have to put an extra container inside the column container. Otherwise for example a top border will ‘visually’ exeed the column width with 5 of 10 pixels. That’s the effect that comes with using padding and box-sizing: border-box.

So if you are really, REALLY keen on having as minimum code as possible, using percentages like this would be not for you.

But hey, what’s a couple of extra div’s :)

Edit:

BTW: if one IS really keen on having minimum code, any framework sucks really.. especially bootstrap.

I saw a theme once:

First including full version of bootstrap, and then including a large css file overriding the original bootstrap, twice..

So much for having as minimum and clean code

675 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+6 more
dexterous says

Foundation.

Foundation also uses percentages where it makes sense.

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by