Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 更改bxslider的宽度_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 更改bxslider的宽度

Html 更改bxslider的宽度,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我的bxslider的固定宽度大约为1000。图片与bxslider框架不匹配。如何将bxslider宽度调整为700px 我的网站:问题不在于滑块本身,而是扩展到了列宽。您需要收缩列本身。更改: <div class="col-xs-9"> 致: 您可以将图像宽度设置为100% <li style="float: left; list-style: none outside none; position: relative; width: 898px;"> &

我的bxslider的固定宽度大约为1000。图片与bxslider框架不匹配。如何将bxslider宽度调整为700px


我的网站:

问题不在于滑块本身,而是扩展到了列宽。您需要收缩列本身。更改:

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

致:


您可以将图像宽度设置为100%

<li style="float: left; list-style: none outside none; position: relative; width: 898px;">
  <img width="100%" height="210" src="img/Day1.jpg">
</li>
  • 这样您的图像将填充其容器

    添加此CSS规则(在
    之前):

    
    .bx包装器img{宽度:100%;}
    
    如果我想改变容器本身的宽度怎么办?用户:头韵Alice有你的答案
    <li style="float: left; list-style: none outside none; position: relative; width: 898px;">
      <img width="100%" height="210" src="img/Day1.jpg">
    </li>
    
    <style>
        .bx-wrapper img { width: 100%; }
    </style>