Learning Twitter Bootstrap recommendations [closed]

Learning Twitter Bootstrap recommendations [closed]

I would really like to learn how to use Twitter Bootstrap 3. The problem is that it seems I can’t find a good source to learn it from. Any source I’ve tried so far assumed that you somehow have some knowledge and wasn’t explaining what are the available classes for elements, what are the classes they have used are actually doing etc.
I simply want a source it can either be a book/videos or w/e that will start from scratch and if possible, will use HTML5, modernizr and respond.js to make it cross-browser supported and actually give me a start point (base folder just like H5BP) which I can then later on start building my own websites.
Thanks in advance!

Solutions/Answers:

Solution 1:

The bootstrap docs are really helpful, probably the best resource.

http://getbootstrap.com/getting-started/
http://getbootstrap.com/components

Solution 2:

My first recommendation is to learn CSS in depth. Oftentimes, Bootstrap is just not necessary, but developers rely on it because they are too lazy to master CSS fundamentals. You are welcome to check my book series – Functional CSS – which covers almost the entirety of CSS using practical examples.

Related:  How to use Bootstrap whilst maintaining semantic HTML markup?

If you are keen on sticking with Bootstrap, then you can 1) print the source code for their example (Bootstrap examples) and simply re-implement them on your own, typing each block of code one line at a time and observing the effect, and 2) read the Bootstrap source code. The latter is a bit over 6000 lines and should not take long to go through. And, 3) reflecting on what you have learned in 1 and 2, create personal realistic website that uses Bootstrap.

Solution 3:

If you are looking for a good source here is one: http://ieatcss.com/twitter-bootstrap-tutorial.html

3 Step by step real time examples are used in Ieatcss bootstrap 3 tutorial. You can easily understand them without any knowledge of the basics.

Don’t worry about learning CSS & other messy things. The tutorials in http://ieatcss.com is targeted at complete beginners, you can easily understand them.

Regards,
Hussain.

References

Related:  How to overwrite styling in Twitter Bootstrap