css使用bootstrap删除额外的空间

时间：2014-03-30 04:04:51

标签： html css html5 css3 twitter-bootstrap-3

我在我的网站上使用Slider Revolution Responsive jQuery Plugin以及twitter bootstrap 3.0。 但是右侧有一个我无法移除的空间。请参阅附图。enter image description here

我已经尝试将边距设置为0，但它无法正常工作。 

.tp-banner-container .tp-banner .tp-banner > ul .tp-banner > ul > li .tp-banner > ul > li >img {
    width: 100%;
    margin: 0px;
}

引导程序和滑块如下 enter image description here

更新1 html页面在这里：http://pastebin.com/c5JPDPhT 虽然css在这里：http://pastebin.com/HAVKdxUj

更新2 我还在youtube上上传了一个显示问题所在的视频。 这是链接：http://youtu.be/KqqrXkEvzbI

有人可以指出我错过了什么吗？ 谢谢

2 个答案:

答案 0 :(得分：0)

您是否有在线网页链接？

试试这个css代码：

.tp-banner-container .tp-banner img{
     width: 100%;
}

和.tp-banner-container，宽度为100％，位置为：relative。

祝你好运。

答案 1 :(得分：0)

您似乎在tp-banner-container上设置了特定的宽度。

你可以在这里看到：
http://i.imgur.com/oJvXcQI.png enter image description here

这可能是由您正在使用的JQuery插件中设置的属性控制的。您可以尝试在那里找到并删除它，或用css覆盖它。

如果您在css中将宽度设置为100％，则会修复它，如下所示：
http://i.imgur.com/L1st8ey.png enter image description here

作为快速修复，如果总是希望tp-banner-container为100％，则可以覆盖样式表中使用width: 100% !important创建的内联样式。 / p>

相关问题
最新问题