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