I've been attempting to align and stack some images within a bootstrap grid, but I'm having some trouble.
Instead of aligning within the grid, the images seem to align to the window instead.
I've been using position:absolute, which I found some information about here: http://www.w3schools.com/
"An absolute position element is positioned relative to the first parent element that has a position other than static. If no such element is found, the containing block is <html>"
For reference, here is a link to a jsfiddle: http://jsfiddle.net/sbE6t/
.rings img {
position:absolute;
top: 0px;
left: 0px;
}