title: Bootstrap Layout Too Wide on Smart Phone
body: <p>I'm trying to come up with an HTML/CSS layout for mobile devices. (It will likely be a separate website just for mobile devices, but I may be able to get away using a responsive site for both.)</p>
  
  <p>I'm using Bootstrap, and found a layout that I'm implementing. You can see it at <a href="http://softcircuits.com/MediCorp/Menus.htm" rel="nofollow">http://softcircuits.com/MediCorp/Menus.htm</a>.</p>
  
  <p>The problem is, when I load this page on my Android device (LG G2), the page is slightly wider than my display. So I can view the right side of the page only by scrolling horizontally.</p>
  
  <p>I tried changing all of the <strong>container</strong> references to instead use <strong>container-fluid</strong> but it made no difference.</p>
  
  <p>Does anyone know how I can make this page fit my device?</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>Steven Wave has been helpful. He suggested some CSS to allow word wrapping. But A) the table still doesn't fit on my LG G2 (1080 x 1920 display), and B) why on Earth is word wrapping prevented by Bootstrap in the first place? Isn't Bootstrap responsive designed to work on cell phones?</p>