title: Prevent div from wrapping around in bootstrap
body: <p>I am using bootstrap to help structure a webpage. Within a row, I have three divs side-by-side, with widths: 2 columns, 6 columns, and 4 columns in that order in a 12 column layout. </p>
  
  <p>The middle div also has a minimum width set, so when the outermost div shrinks beyond a certain width, there is not enough room for the right most div (the 4 column one), so it wraps around and hangs out below the other divs. </p>
  
  <p>I would like to prevent this div from wrapping around, forcing it to be cut off by the window when the screen shrinks too small. How would I accomplish this? </p>
  
  <p>I can provide any further details/code/pictures if necessary. </p>
  
  <p>Thanks!</p>
  
  <p><a href="https://i.stack.imgur.com/8b5yq.png" rel="noreferrer">Before wrapping</a></p>
  
  <p><a href="https://i.stack.imgur.com/NBMmu.png" rel="noreferrer">After wrapping</a></p>