I am trying to get it so that when I load my website on a tablet, specifically an iPad, in portrait mode, it uses the collapsed menu just like when I load it on my iPhone. I tried the customization feature on http://getbootstrap.com but it didn't work. I also tried a few different posts I saw on StackOverflow, but they didn't work for me either.
The problem wasn't bootstrap. It was me! I after trying to format the code to paste nicely into stackoverflow, I notice I had an extra </div>. After removing this, it works perfect!