Question

我在下一页安装并集成了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

Answer 1

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

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

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

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

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

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

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

1 个答案: