I'm trying to adapt a grid in Bootstrap 3 to small images with the possibility of the page being responsive, these images are inserted via form as .png and sent to banco de dados and in a specific folder in my hosting, but the adaptation of what I have is not getting as it should, I mounted a grid with an option that I got, what I did was:
And what I really need is this:
As much as you try the changes do not take effect.
Your problem occurs because the bootstrap has a grid limit of 12 columns. That is, you will not get more than that using the bootstrap grid.
One solution would be to use a calc to make this division. Let's say you want 20 thumbnails on the same line, you can use it like this:
<div class="minhalista">
<div class="thumb">00</div>
//[.. repita suas thumbs ..]
</div>
And in css:
.thumb {
display:inline-block;
width: calc(100%/20);
}
In this way, its total width would be equally divided by 20 columns. Here's an example: link
Important: Note that this type of layout may be complex or may not work properly on smaller screens. Just be careful about it.