Bootstrap vs Boilerplate

WHAT IS BOOTSTRAP?

WHAT IS HTML5 BOILERPLATE?

  • It’s totally HTML5 ready. Use all of HTML5’s new elements with confidence
  • It’s designed with progressive enhancement in mind
  • It includes:
  • Normalize.css for CSS normalizations and common bug fixes
  • jQuery via CDN, with a local fallback
  • A custom build of Modernizr for feature detection that enables better compliance with HTML5
  • Apache Server Configs that, among other things, improve a website’s performance and security
  • Placeholder CSS Media Queries
  • Useful CSS helper classes
  • Default print styles
  • Performance optimized
  • An optimized version of the Google Universal Analytics snippet
  • Protection against any stray console statements causing JavaScript errors in older browsers
  • “Delete-key friendly” — it’s easy to strip out parts you don’t need
  • Extensive inline and accompanying documentation

WHY BOOTSTRAP?

If you’re developing a mid-sized project, Bootstrap’s speed and united design of all elements will be a great plus. Also, Bootstrap provides you with a powerful and mobile-first grid system. You can specify a visibility or size for each block on every kind of device: desktop, tablet, or mobile.

WHY HTML5 BOILERPLATE?

If you need a quick start for a smaller project, that’s the main advantage of H5BP. In five minutes, you’ll have a template up and running for future development. Your eventual project may evolve a great deal down the line, with very little original H5BP left, but it’s a great jumping off point. To get started, clone H5BP from GitHub to a local machine and you’re ready to go!

Why NOT Bootstrap?

After years of working with Bootstrap, I saw code like this many times:

Why NOT HTML5 Boilerplate?

H5BP is just a template with some tools built in. While it’s good for small or intermediate-sized projects, more serious development projects shouldn’t rely on prepackaged configurations for web servers or CSS rules. All things must be coded and configured from scratch.

IS IT POSSIBLE TO USE BOILERPLATE AND BOOTSTRAP TOGETHER?

What Can You Customize with Initializr?

For pre-configuration, just select which kind of Initializr package you need and click the “Download it!” button.

SO, WHICH IS BETTER?

My answer? Both of them together. We can’t actually compare front-end frameworks with templates since they’re not the same products, but H5BP has a lot of nice tools and Bootstrap is incredibly popular and loved by developers around the world. Use them together and you’ll get the best of both worlds for your project.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store