Prior Requirements
- Web Fundamentals Track
- Javascript Track
By voting in our first public poll, the people have chosen Twitter Bootstrap as the next tutorial. Therefore, it is with great honour that we present this tutorial, so you can have a directed introduction to Bootstrap. This tutorial was started by Dispesh and reconstructed by Pedro, they are the original authors. Feel free to contribute.
Introduction
Maybe you are a good website programmer, a born coder but you suck terribly bad in art and overall design. Maybe your job demands fast websites for clients to see and you can’t waste time. Maybe you even are a talented artist, but you fight a never ending battle to make sure your website looks consistent in all browsers. Maybe your projects have become tangled with many sets of random tools and you just need a framework that encompasses all of your basic needs.
Bootstrap is one of the many solutions out there that will help you fix these problems! By the end of this tutorial, you should be able to answer the following questions on your own:
- What is Bootstrap?
- What is the need of Bootstrap?
- What are its features?
- How does it work?
- How is the community support for Bootstrap?
- What are Bootstrap Problems?
- Are there are any other alternatives to Bootstrap?
So, troops! Let’s advance…
Twitter Bootstrap
What is Twitter Bootstrap ?
Twitter Bootstrap (mainly known as Bootstrap only) is a framework developed by Mark Otto and Jacob Thornton when they were creating Twitter (that is why some people call it Twitter Bootstrap).
Bootstrap is a fast, intuitive and powerful front-end framework for faster and easier web development. It gives you all the tools you need to make websites, web applications and prototypes.
Bootstrap has template files, as well as a lot of optional JavaScript extensions that allow you to make modal windows, drop down menus, tab controls and carousel controls, which are all styled in advance, saving you from the trouble.
As if that was not enough, it also comes with styles for buttons, forms, tables, typography and a collection of over 140 icons in both black and white versions.
Another very important feature of Bootstrap is that it comes with a 12 column grid system. If you don’t know what that is, there is no problem - just know that it allows you to divide your website in equally spaced columns, thus making it look the same in all computers, with big screens, small screens, and even smartphones and tablets.