Next step after learning HTML and CSS (Bootstrap)

You just learned  HTML and CSS its time for the next level. Lets start with Twitter Bootstrap. For the beginning lets say what Twitter Bootstrap is.

“Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.” –Bootstrap official definition.

Bootstrap is an open-source JavaScript framework developed by the team at Twitter. It is a combination of HTML, CSS, and JavaScript code designed to help build user interface components. Bootstrap was also programmed to support both HTML5 and CSS3.

Also it is called Front-end-framework.

Bootstrap is a free collection of tools for creating a websites and web applications.

It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions.

Some Reasons for programmers preferred Bootstrap Framework

  1. Easy to get started
  2. Great grid system
  3. Base styling for most HTML elements (Typography, Code, Tables, Forms, Buttons, Images, Icons)
  4. Extensive list of components
  5. Bundled Javascript plugins

Sounds great! Now how do I use it?

It would be easy to send you over to their Getting Started page and call it a day. Their setup guide is indeed a host of useful information – links to CDNs, explanations on how to install with Bower, npm, and Composer, information on integration with Autoprefixer and LESS, a bunch of templates, licenses, and translations – but it is certainly not a step by step guide to getting started (which very well might be in the spirit of autodidactism).

You can find lots of tutorials about bootstrap online but here is a good YouTube video for you.

Video: Youtube/Derek Banas

Leave a comment

Your email address will not be published. Required fields are marked *