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

Converting YouTube videos to MP3

July 4, 2014

I was looking for a new Django project to start a few weeks back and I wanted it to be something I could use myself and involves running tasks in the background as I wanted to play around with Celery. I usually use YouTube nowadays to listen to music while I'm working so I figured it might be a good idea to write a web app where a user can enter the video's ...

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 ...

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 experience ...