Finally i'm done converting my blog to use Bootstrap responsive design. Bootstrap provides all the necessary CSS and js to allow us quickly implement responsive design. Please try out my blog on different web browser sizes to see it in action.
For some reason, I can't remove my previous mobile theme from my blog setting. You'll still see the old black and white theme for mobile web browser. I'll resolve this asap, because, why do we need 2 different themes when we have responsive design? :)