Bxslider BX滑块-我的边界到哪里去了?

Bxslider BX滑块-我的边界到哪里去了?,bxslider,Bxslider,我已在以下页面上安装并集成了BX滑块: 每个属性框都包含一个类。幻灯片如下所示: .slide { font-family: "open-sans"; background-color: #fff; border: 1px solid #6F9258; width: 400px; height: 480px; } 但是,当我们有一个可用属性较少的页面时: 最右侧框上的1px边框缺失 以下是用于滑块的自定义js: $(document).ready(function(){ $('.slid

我已在以下页面上安装并集成了BX滑块:

每个属性框都包含一个类。幻灯片如下所示:

.slide {
font-family: "open-sans";
background-color: #fff; 
border: 1px solid #6F9258;
width: 400px;
height: 480px;
}
但是,当我们有一个可用属性较少的页面时:

最右侧框上的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

显示边框,但它就在div框的外面

如果降低.slider类右侧的边距,您将看到显示边框

所以您的问题是,您的外部容器类.bx wrapper太小了。它的最大宽度为806px

如果您将其设置为例如810px,您的边界将正常


希望这对您有所帮助,您可以找出该属性的设置位置并更改其值。

Firebug中的最大宽度显示为保存在名为element.style{margin:0 auto;max width:806px;}的类中,我在任何CSS文件中都看不到引用该类。这是在其他地方生成的吗?我尝试添加最大宽度:810px;到jquery.bxslider.css文件,但它在Firebug中显示为删除。我编辑了custom.js文件并将slideWidth增加到400,这将bx包装的宽度设置为最大宽度:810px;但是边框仍然是隐藏的?我认为它是通过getViewportMaxWidth方法中的javascript生成的,但我不是100%确定它是由custom.js脚本中的slideWidth值生成的,但我已经改变了这一点,最大宽度值现在是810px,正如您所建议的,但边框仍然是隐藏的。我完全被难住了。如果你使用更高的值,那么810有帮助吗?也许这个盒子还是太小了,只有810