title: Bootstrap 3 grid works fine, at around 1170px all columns act like a col-lg-12 with a "display: block;" attribute
body: <p>So, I'm creating this website and everything is perfect on a desktop. However, all hell breaks loose at around 1170px or so.</p>
  
  <p>Basically, it doesn't matter which "col-lg-#" class I give the
  , it just turns to 100% width and acts like a block element. For instance, I have three boxes up top with this class:</p>
  
  <p>Content
  Content
  Content</p>
  
  <p>All of them are inline-block elements. However, for some reason, at a certain resolution, these column width classes just seem to be completely ignored, as well as the inline or inline-block attribute. It just doesn't make any sense. I've used Bootstrap before and have never had this issue. But, right now, I cannot figure it out to save my life.</p>
  
  <p>The only solution I can think of, is putting everything in an unordered list and adjusting the placement of everything with padding. However, that's just dumb and would take way too long.</p>
  
  <p>Here are some screenshots of my issue:
  <a href="http://imgur.com/a/1nGaJ" rel="nofollow">http://imgur.com/a/1nGaJ</a></p>
  
  <p>I would add the code, but there's a lot of it. Not really sure what I should add.</p>