jsFiddle is an excellent online tool that allows you to work with JavaScript, CSS, and HTML, enabling you to see the results in real-time on the same page. You can also share or embed your creations on your own webpage.
To utilize external JavaScript libraries such as jQuery, MooTools, and others, you can use the Frameworks & Extensions section. However, please note that Bootstrap libraries are not included by default.
Here’s how to configure your fiddle to support Bootstrap.
Steps to Configure Bootstrap in jsFiddle:
- Open a new fiddle.
- Since Bootstrap requires jQuery, add it from the Frameworks & Extensions section.
- Next, navigate to the "External Resources" tab where you can add external links for JavaScript and CSS files.
- Add the following JavaScript file: http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js
- Add the following CSS file: http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css
That's it! Your fiddle is now configured to use Bootstrap. Let's take a look at an example below:
Provide Feedback For This Article
We take your feedback seriously and use it to improve our content. Thank you for helping us serve you better!
😊 Thanks for your time, your feedback has been registered!
Comments & Discussion
Facing issues? Have questions? Post them here! We're happy to help!