jQuery Slider上的箭头位置问题（幻灯片）

Question

我正在使用此网站上的代码：http://www.basic-slider.com/

图库在功能上有效，但幻灯片之间移动的箭头位于图库的左下方而不是侧面。我不确定我是否缺少任何CSS，或者我在那里有额外的。我对js和css的包含都是准确的，所以这里是页内代码。

<script>
$(function() {
    $('#gallery-slides').bjqs({
            'height' : 400,
            'width' : 900,
            'animation' : 'slide',
            'animationDuration' : 450,
            'centerMarkers' : true,
            'centerControls' :true,
            'nextText': '<img src="css/scroll/next.png">',
            'prevText': '<img src="css/scroll/prev.png">',
            'showMarkers': false,
            'keyboardNav' : true,
            'automatic' : false,
        });
});
</script>

<div id="gallery-slides" style="width:900px; height:400px;">
      <ul class="bjqs">
        <li>
        <!-- content here -->
        </li>
      </ul>
</div>

我的网站是：http://www.a-towndesigns.com/trs/#/content-gallery

Answer 1

如果你漂浮你的李，它应该有所帮助：

bjqs-controls li {
                 float:left;
                 }
bjqs-controls li:first-child {
                 float:right;
                 }