html - Bootstrap 3 を使用した ResponsiveSlides.js

Question

ResponsiveSlides スライダーをブートストラップ列の中央に配置しようとしていますが、うまくいきません。私はかなり大きな画像を持っているので、css でそれらのサイズを 80% に変更しました。100% のときは画面全体に収まっていましたが、現在は左揃えになっています。誰か助けてくれませんか？ありがとうございました！

<div class="col-xs-12">    
<ul class="rslides">
<li><a href="#"><img src="..." alt=""></a></li>
<li><a href="#"><img src="..." alt=""></a></li>
</ul>
</div>

CSS:

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 80%;
  border: 0;
  }