Question

我在几个月内与一个网站合作，现在遇到一个问题，客户想要一个广告＆＃34;外面＆＃34;主容器和我使用Bootstrap标准网格。

由于页面居中且反应灵敏，我无法让广告位于左侧，因为我已经使用了16列。

你对我如何成功有任何想法吗？

请看图片 here

Answer 1

如果您能提供一些代码，那就太棒了。但是相对于当前我们使用CSS transform: translate();的位置移动元素的一种方法。如果您的横幅位于容器的右侧，并且您想将其推到容器外部，请将transform: translateX(100%);应用于横幅元素，然后将其向右移动100％的宽度。横幅相对于当前的位置。这是一个演示http://codepen.io/mcoker/pen/jyPGrM

Answer 2

我设法只为大屏幕解决它。

我将位置绝对与col类一起用于图像响应，并且我将其隐藏为较小的设备，因为它们不起作用。

这是我的代码

<div class="col-md-1 hidden-xs hidden-sm hidden-md" id="side-bar">
    <p>Our Partners</p>
    <img src="img/image.jpg" class="img img-responsive" />
    <img src="img/image.jpg" class="img img-responsive" />
</div>

Bootstrap - 将横幅放在主容器外面。

2 个答案: