Using bootstrap 3, how can I create a single row of evenly spaced logos? The logos are simple JPG images, and I'm currently using code like this:

```
<table class="logotable text-center">
     <tr>
        <td>
          <img ..>
        </td>
     </tr>
</table>

.logotable {
   width: 100%
}

```

Even though this looks great on PC, it does not convert to stacked form for smaller screen devices.

Whatever I tried didn't work (the logos always appear in stacked form)

* For some reason [row-fluid](https://stackoverflow.com/a/18285295/1294758) or [container-fluid](http://getbootstrap.com/css/#grid-example-fluid) doesn't work (my parent container cannot be fluid since I also need some text within the container)
* I tried placing a `div.row-fluid` within my container and adding every image inside a `div.row` but that didn't work
* I don't want to ["hard code"](https://stackoverflow.com/questions/19702545/bootstrap-3-11-evenly-spaced-columns) for a fixed number of columns
* After [lots of confusion](https://stackoverflow.com/a/22263969/1294758) I realized I don't need a container-fluid, ie. it does not evenly space out rows, instead it just expands to fill the available space