BX Slider - 我的边界哪里消失了?

时间:2015-02-04 09:40:38

标签: bxslider

我在下一页安装并集成了BX Slider: http://1080422389.n303457.test.prositehosting.co.uk/index.php

每个属性框都包含一个类(.slide),如下所示:

.slide {
font-family: "open-sans";
background-color: #fff; 
border: 1px solid #6F9258;
width: 400px;
height: 480px;
}

但是,当我们有一个可用属性较少的页面时: http://1080422389.n303457.test.prositehosting.co.uk/Leswalt-property-for-sale.php

最右边的1px边框丢失了吗?

这是自定义js用于滑块:

$(document).ready(function(){
$('.slider').bxSlider({
slideWidth: 398,
minSlides: 2,
maxSlides: 12,
moveSlides: 2,
slideMargin: 10,
ticker: false,
speed: 1000,
nextSelector: '#slider-next',
prevSelector: '#slider-prev',
nextText: '<button type="button" class="btn btn-sm btn-default">Next 
&nbsp;&raquo;</button>',
prevText: '<button type="button" class="btn btn-sm btn-default">&laquo;&nbsp; Previous</button>'
});
});

希望有人可以提供帮助。谢谢。 NJ

1 个答案:

答案 0 :(得分:0)

边框正在显示,但它正好在div框之外。

如果你降低&#34; .slider&#34;的边距右边。你会看到边框正在显示。

所以你的问题是,你的外容器类&#34; .bx-wrapper&#34;太小。它的最大宽度为806px。

<div class="bx-wrapper" style="max-width: 806px; margin: 0px auto;">

如果将其设置为例如810px你的边框会好的。

希望能帮助您和您了解此属性的设置位置并更改其值。