How to make jsfiddle bootstrap ready


jsFiddle is awesome online tool that lets you work with javascript, css and html and see the result on the same page, even share or embed it on your webpage.

If you want to use external js libraries like jQuery, mootools mojo etc using Frameworks & Extensions section, but there are no Bootstrap libraries available yet!!

So how to configure your fiddle to support Bootstrap

Steps :
  1. Open a new fiddle.
  2. As we require jQuery for bootstrap add it from Frameworks & Extensions.
  3. Now open "External Resources" tab and here you can add external links for js and css files.
  4. Add http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js
  5. Add http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css
That's it!! Now your fiddle is bootstrap configured. Lets see an Example,





Recent Posts:
Code2care is an initiative to publish and share varied knowledge in programming and technical areas gathered during day-to-day learnings and development activities.

Students and Software Developers can leverage this portal to find solutions to their various queries without re-inventing the wheel by referring to our easy to understand posts. Technical posts might include Learnings, Video Tutorials, Code Snippets, How Tos, Blogs, Articles, etc.