Most of the cases Bourbon is better than Bootstrap

Bourbon and bootstrap are two distinct tools that helps greatly to make front end development easy and awesome. Bootstrap is an html, css, javascript framework that you can use as basis for creating web sites or web applications. For More information you can see official site of bootstrap. And Bourbon is a lightweight sass tool set bourbon has rich set of mixins that makes easy to code for css. The computational work of bourbon Neat, Bitters and Refills makes lot more easy for your front web development easy. For more information of the bourbon, neat , bitters and refills click this link.

oh ! sorry i got lost on the description. Lets move to the topic.

At the time of developing website using bootstrap we need to make the pre-specified class by bootstrap and make to hierarchy of tags that sometimes makes long  hierarchy unnecessarily for example

<div class=“container”>
  <div class=“row”>
    <div class=“col-md-6”>/* some content */</div>
    <div class=“col-md-6”>/* some content */</div>

But when using bourbon we can simply write the code in the example below.

<div class=“news”>
  <div class=“hot-news”>
  <div class=“latest-news”>

using some line of scss code we can make the same layout as bootstrap from the above tags.
.news { @include outercontainer; }
.latestnews { @include span(6); }
Again Bourbon is customized than bootstrap because you can use the only required code for the css and html. When using bootstrap you need to use the whole file, OK there is options you can customize your bootstrap files but that does not make huge scenes because you may not know actually what kind of components are required for the development of the website.

Layout Changing with Bootstrap and Bourbon

At the time of developing website using bootstrap we need to change some classes that means we don’t use exactly same layout and colors combinations for the html components. When at the time of changing layout we need to search at the console which component affect to the design and we need to overwrite that css. It makes more load to the website. And some trouble arises at the time of overwrite css.

In Bourbon you do’not need to overwrite css because bourbon is not only library of mixins . And Refills provide the code for html, css and javascript that  you can simply copy and paste to your site. If need change the layout or design you can change in the original code no need to overwrite it So it makes Simpler.


Bourbon and Bootstrap are two different tools. These tools make help for the front-end responsive website development. And on last thing bourbon is light weight than bootstrap because bourbon can use only required components only.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s