Design, code and caffeine

Twitter Bootstrap and Debugging it

I very rarely get chance to blog these days as I am so busy, but on my travels through code over the last few years I have discovered many bits of useful info for working with Twitter’s prolific css framework, Bootstrap.

I have seen Bootstrap be upgraded a couple of times and soon Bootstrap 4 will be available also.

Bootstrap has a learning curve which is not too steep, however finding the correct way of doing things in Bootstrap without constant referring to the manual can be a bit daunting. Those who are used to CSS mobile-first grid systems will find it easier, however wouldn’t it be nice to be able to see what kind of errors there were in the browser console as we went along!

Well, Bootlint has solved that problem!

“Bootlint checks that instances of Bootstrap components have correctly-structured HTML.”

Here’s a couple of screenshots.

Screen Shot 2017-04-04 at 11.08.27

Screen Shot 2017-04-04 at 11.08.52

Useful huh?

Coming soon: Advice on the process of upgrading bootstrap within your Joomla template.

Tags: , , , , ,
Posted in Bootstrap, CSS / LESS / SASS, Help & Advice · April 4th, 2017 · Comments (0)