Bootstrap is css or javascript framework or both? [closed]

Question

I am new to bootstrap. I have gone through What is Bootstrap? and http://getbootstrap.com/.

As per my current understanding bootstrap is actually a CSS framework which helps us to achieve responsive design that fits all devices. Which internally means

1) Bootstrap has collection of ready-made CSS files which can apply straightaway to any web app.

2) It provides the modular way where we can structure the CSS files per device and apply it

What i did not get is this

Bootstrap is an HTML, JavaScript framework that you can use as basis for creating web sites or web applications.

What features bootstrap provides in terms of HTML and JavaScript apart from CSS and what is the role of them in responsive designing ?

Answer 1

In response to your title question 'Bootstrap is css or javascript framework or both?', the latest definition of Bootstrap (taken directly from their website) is "Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.". So YES it is all of those things. However, the way in which you think about this will depend on your current understanding of what a "framework" is and how HTML, CSS and JS are used to develop a complete web solution/site.

In regards to it's features, there will be no-one who can provide as much detail on this as that which can found in the Bootstraps docs. http://getbootstrap.com/.

In regard to responsiveness, this is provided by the bootstrap CSS file that you include in your HTML page. Using @media queries, some very clever people came up with an idea of using a grid system (http://getbootstrap.com/css/#grid) which, "out of the box", provides you a 12 column system that when used correctly allows you to attach pre-defined CSS classes to your HTML elements in such as way that by using percentages, can provide a fully responsive site.

The JavaScript features that can be used are as follows...

Transitions, Modal, Dropdown, Scrollspy, Tab, Alert, Collapse, Carousel etc... all of which, in them selves have nothing to do with the responsivesness.

Answer 2

You can use bootstrap in your html with classes and elements. For example the bootstrap.css file would have styles for tables, anchors, divs, lists etc.

These are then applied to the html elements.

There are also loads of classes that can be applied to the html elements.

Check out http://www.layoutit.com/ this will help you create a templete for your website and then apply a bootstrap.css style sheet to customize it to your liking.

The javascript part of bootstrap works in a similar way to JQuery. It provides functions for different elements of html for example the modal element of bootstrap can use functions defined in a bootstrap.js file