Bootstrap already takes care of showing the .navbar-toggle when it is on the x-small window size.
I have styled the .navbar-collapse.collapse to be positioned absolute by default. Only in the other media queries am I switching it to relative. Now when someone toggles the .navbar-toggle we are simply adding the .in class and the left css property is being adjusted