如何在响应式设计中对齐图像

Question

我试图在响应式设计中对齐图像。第一张图像应该左对齐，右边和中间对齐，居中，间距均匀。

在固定宽度布局中执行此操作很容易，但它没有响应。我很高兴得到关于这个的任何想法。

谢谢！

http://www.bootply.com/132522

Answer 1

ul {
  text-align: center;
  padding: 0;
  margin: 0;
}

li{
  /*float: left;*/ <- Remove!
  display: inline;
  list-style: none;
}

li:first-child {
    float: left; 
}

li:last-child {
    float: right; 
}