title: Responsive text wrapping
body: <p>I'm using bootstrap 3. I made a custom container, and put a section in it, with another section inside that containing text. I want the text to wrap at all screen widths. Right now, it gets cut off once the screen width is too small.  </p>
  
  <p>I'd rather not make an entirely new media query that's smaller (like 480px or something) because I'm using bootstrap 3 and the <code>xs</code> breakpoint is from 0-767. Any ideas? I realize this would be sort of awkward since the container itself is based around breakpoints (which would lead to situations where the container doesn't resize but the text wraps). Ignore the seemingly useless nested paragraph (unless this question is unsolvable without changing that).</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.custom-container {
    
    width: 900px;
    margin: 0 auto;
    
  }
  
  .inner-c {
    width: auto;
    border: 1px solid #aaaaaa;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
    
  }
  
  @media (max-width: 767px) {
    .custom-container {
    
    width: 500px;
    margin: 0 auto;
    
  }
    }
  @media (min-width: 768px) and (max-width: 991px) {
    .custom-container {
    
    width: 650px;
    margin: 0 auto;
    
  }
    }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/&gt;
  
  &lt;div class = 'custom-container'&gt;
  &lt;div class = 'inner-c'&gt;
  &lt;p class = 'explanation-head'&gt; Explanation&lt;/p&gt;
      &lt;p class = 'explanation'&gt;&lt;p&gt;Explanation text
  &lt;br /&gt;
  &lt;br /&gt;Shake treat bag meowing non stop for food and drink water out of the faucet meow for food, then when human fills food dish, take a few bites of food and continue meowing when in doubt, wash eat the fat cats food use lap as chair. You call this cat food? eat prawns daintily with a claw then lick paws clean wash down prawns with a lap of carnation milk then retire to the warmest spot on the couch to claw at the fabric before taking a catnap or lick sellotape. Spread kitty litter all over house. Chase red laser dot knock dish off table head butt cant eat out of my own dish yet give attitude. Give attitude. Find empty spot in cupboard and sleep all day sit in box, but who's the baby. Bleghbleghvomit my furball really tie the room together groom yourself 4 hours - checked, have your beauty sleep 18 hours - checked, be fabulous for the rest of the day - checked!, brown cats with pink ears this human feeds me, i should be a god but chew on cable yet wake up human for food at 4am. Climb a tree, wait for a fireman jump to fireman then scratch &lt;/p&gt;&lt;/p&gt; 
    
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>