Bootstrap - 將橫幅放在主容器外。

我已經在一個網站工作了幾個月，現在來到一個問題，客戶想要一個廣告在主容器「外面」，我使用Bootstrap標準網格。Bootstrap - 將橫幅放在主容器外。

由於頁面居中且響應良好，因此我無法讓廣告躺在左側，因爲我已經使用了16列。

你對我如何成功有什麼想法嗎？

請參閱圖像 here

2017-01-07 user3805875

這將是巨大的，如果你能提供一些代碼。但是有一種方法可以將元素相對於當前的位置移動到使用CSS transform: translate();。如果您的橫幅位於容器的右側，並且您想將它推出容器，請將應用於橫幅元素，然後將橫幅的寬度的100％向相對於位置的100％移動它是目前。這裏是演示http://codepen.io/mcoker/pen/jyPGrM

來源

2017-01-07 02:09:08

萬元感謝米歇爾，變換：平移X（100％）;對我來說是新的。它完美解決了。現在我在頭上保存了一點頭髮，非常感謝。祝你今天愉快。 – user3805875

@ user3805875不客氣！乾杯。 –

我設法解決它只適用於大屏幕。

我使用位置絕對和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>

來源

2017-08-23 01:27:07

Bootstrap - 將橫幅放在主容器外。

回答

相關問題