改变我的bxslider的宽度

Question

我的bxslider以某种方式固定宽度约为1000.图片不适合bxslider框架。如何将bxslider宽度调整为700px。

我的网站：http://rootforsite.azurewebsites.net/

Answer 1

问题不在于滑块本身，它只是扩展到列宽。您需要缩小列本身。变化：

<div class="col-xs-9">

要：

<div class="col-xs-7">

Answer 2

您可以将图片的宽度设置为100％

<li style="float: left; list-style: none outside none; position: relative; width: 898px;">
  <img width="100%" height="210" src="img/Day1.jpg">
</li>

这样您的图片就会填满它的容器

Answer 3

添加此CSS规则（</head>之前）：

<style>
    .bx-wrapper img { width: 100%; }
</style>