简体繁体 English

在不自动调整的情况下将我的图像滑块放置在屏幕上

[英]Positioning my image slider on the screen without it auto-adjusting

原文 2014-09-02 22:34:57 4 1 javascript/ jquery/ html/ css/ twitter-bootstrap

so i just finished putting in my image slider. 所以我刚放入图像滑块。 I looked at a few popular websites for examples of how they where able to position theirs. 我查看了一些受欢迎的网站，以获取有关如何定位自己网站的示例。 I really liked ebay's. 我真的很喜欢ebay的。 Unfortunately my image slider is positioned in the center of the screen, and adjust as the page gets smaller. 不幸的是，我的图像滑块位于屏幕中央，并随着页面变小而调整。 I would like to make my image slider the exact same as ebay's in terms of the way that the image slider is positioned slightly to the left, and as you make the page smaller it stays the same in height and width. 我想使图像滑块与ebay完全一样，即图像滑块稍微向左定位，并且随着页面的缩小，它的高度和宽度也保持不变。 Then when it hits the left side of the web browser it stops and becomes static. 然后，当它到达Web浏览器的左侧时，它将停止并变为静态。 I will add a link to my website so far and i would like to know if you could give me some direction on how to do this. 到目前为止，我将向我的网站添加一个链接，我想知道您是否可以给我一些指导。

My site: http://rootforsite.azurewebsites.net/ 我的网站： http : //rootforsite.azurewebsites.net/
Ebay: http://www.ebay.com/ 易趣： http ： //www.ebay.com/

1 个解决方案

Disable the Bootstrap responsiveness by following these steps and the slider will not become smaller. 通过执行以下步骤来禁用Bootstrap响应能力，并且滑块不会变小。

Or you can just replace this <div class="container"> for this <div class="" style="width: 1130px; margin: 0px auto;"> on your page. 或者，您也可以将此<div class="container">替换为页面上的<div class="" style="width: 1130px; margin: 0px auto;"> 。