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

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; 
}