title: Make bootstrap pagination overflow horizontally
body: <p>I'm writing an alphanumeric filter/pagination component using bootstrap.</p>
  
  <p>The problem I'm having is, I need it to be horizontally scrollable (i.e., <code>overflow-x: scroll</code>), whereas, being a smart responsive framework, Bootstrap naturally wraps the content of the component ...</p>
  
  <p><a href="https://i.stack.imgur.com/d5N3v.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/d5N3v.png" alt="pagination wraps"></a></p>
  
  <p><a href="https://jsbin.com/hubuxem/edit?html,output" rel="nofollow noreferrer">https://jsbin.com/hubuxem/edit?html,output</a></p>
  
  <p>I know there are solutions using standard Bootstrap Columns (e.g. <a href="https://stackoverflow.com/a/19838783/4341756">https://stackoverflow.com/a/19838783/4341756</a>), but I'd very much like to use the pagination component for consistency and styling.</p>
  
  <p>Any hints?</p>