http://getbootstrap.com/ proclaims "Bootstrap is the most popular HTML,
CSS, and JS framework for developing responsive, mobile first projects on
the web". It's ironic however that some Bootstrap projects are neither
responsive, nor mobile friendly.
I referenced the following Google project last month which demonstrates a
combination of Angular, JQuery, and Bootstrap. But it clearly doesn't adapt
to cell phone screens, even with Bootstrap.
http://angular.github.io/angular-phonecat/step-12/app/#/phones
I also created a version of the same application (same data) to help me vet
some of my own thinking in regards to SPAs and responsive design.
http://rd.radile.com/rdweb/phones/phonelist.html
Not to boast, but my version accomplishes essentially similar functionality
using less than 1% of the amount of framework code, and about 15% of the
amount of application-specific code.
More relevant to this discussion is that my version adapts nicely to cell
phones and tablet screens, while the one which uses Bootstrap is not mobile
friendly at all. What gives?
Perhaps what this really illustrates is that the contents of a framework
may have less to do with responsive design than what the "developer" does
with the tools.
For those who advocate for Bootstrap, what does it really take to make it
adapt to multiple screen sizes?
midrange.com
