https://jsfiddle.net/mw5k9eu6/2/
To tak:
1. Po zaczytaniu css związanych z bootstrapem już było lepiej
2. Nie zapominaj o .row - jeżeli chcesz mieć w pierwszym wierszu 5 elementów, a w drugim 4, stwórz sobie dwa divy z klasą .row i dodaj odpowiednio 5 i 4 elementy do nich
3. Użyłem offsetu żeby stworzyć pustą przestrzeń po lewej stronie (zwróć uwagę na .col-md-offset-2 oraz .col-md-offset-1), w pierwszym divie .row użyłem offset-1, ponieważ jest 5 elementów, każedmu dałem rozmiar 2 'komórek' (.col-md-2), max w bootstrapie to jest 12, zatem jeżeli jest 5 obrazków i każdy z nich używa 2 'komórek', zostają nam jeszcze 2 komórki, .col-md-offset-1 spowodował przesunięcie wszystkich elementów o jedną komórkę w prawo, czyli mamy 1 'komórkę' pustą, 10 zajętych i znowu 1 pustą
4. Mam nadzieję że zdajesz sobie sprawę, że jeżeli postanowisz odtworzyć to na mniejszym ekranie, to nie będziesz miał 5 i 4 - użyłeś col-md więc zgodnie z dokumentacją bootstrapa (
http://getbootstrap.com/css/#grid) taki układ zachowasz do szerokości ekranu nie mniejszej niż 970px.
W razie pytań lub niejasności dawaj znać - postaram się pomóc.
Pozdrawiam