Blog / Twitter Bootstrap

How to make images responsive by default in Twitter Bootstrap 3

July 23, 2014

I'm currently working on a simple blog app in Django and noticed that my images are not getting resized by default when using Bootstrap 3.

To change this behavior, simply change the img tag in bootstrap.css to this:

img {
  display: inline-block;
  height: auto !important;
  max-width: 100%;
  border: 0;
}

Source

Using Highcharts with Django 1.6 and Bootstrap 3

December 13, 2013

I was looking for a library to create charts to use for my Django app about a week ago and a friend suggested to try Highcharts as he had heard good things about it from fellow Python/Django developers.

Highcharts is a charting library purely written in JavaScript. The charts look really pretty and interactive. Using the library is quite easy, too, thanks to the well written documentation with lots of examples. You can view a …

Django 1.5 with Twitter Bootstrap 3

November 5, 2013

I finally decided to redo an old Django project of mine, GlucoseTracker, a web application for tracking blood sugar levels mainly for people with diabetes (I’ve been Type 1 diabetic since I was 13), using the latest version of Django and Twitter Bootstrap. I originally started this project to teach myself Django but I lost interest at some point and pretty much abandoned it.

That was over 2 years ago. Now, with more …