title: horizontally scrollable one line gallery with css
body: <p>I would like a horizontally scrollable gallery like the one on the image.</p>
  
  <p>My current markup is this (it is slim.):</p>
  
  <pre><code>.col-xs-12
    .row-fluid.clearfix
      ul.ace-thumbnails
        - @equipment_uses.each do |gear|
          = content_tag_for(:li, gear) do
            a.cboxElement data-rel="colorbox" href="#" title=("Photo Title")
              = image_tag gear.image, size: '80x80', alt: "150x150", class: 'img-thumbnail thumbnail'
  </code></pre>
  
  <p>If I set the 'overflow-x: scroll' fro the .col-xs-12 div and 'width:10000px' for the '.row-fluid.clearfix' div then it is working but the horizontal div too long. I would like to outspread the width of the .row-fluid.clearfix to be to total width of the images.</p>
  
  <p><img src="https://i.stack.imgur.com/lKZ1v.jpg" alt="enter image description here"></p>