如何修復Bootstrap滑塊上的彈出位置？

當屏幕尺寸減小時，如何修復引導滑塊上的彈出位置不會移動？如何修復Bootstrap滑塊上的彈出位置？

這些位置需要固定在幻燈片上，因此在調整大小時需要保持在同一位置。例如，在第二個滑塊中，您會在電視上方看到一個白點。無論屏幕大小如何，這總是需要在電視機上方。

這是在線網址：comfortica.nl

首先酥料餅

<div class="center1"> 
    <span class="qs"> 
     <span class="popover above"> 
      <p>Apparaten gaan varzelf uit</p> 
     </span> 
    </span> 
</div>

CSS

.center1 { 
    margin-left: 51%; 
    position: relative; 
    top: -10%; 
    width: 30px; 
}

來源

2014-11-05 Pankaj Tiwari

添加這個我希望它能解決你的'position.qs .popover p {width：100％;}' – 2014-11-05 08:51:23

我加了，但是沒有解決它發佈了 – 2014-11-05 08:54:44

.center1 { 
    // just to be able to see 
    background:pink; 
    // give 100% width to make it full screen 
    // max-width will make it the larger size 
    width: 100%; 
    max-width:680px; 
    margin:0 auto; 
}

來源

2014-11-05 10:38:47 rico

你可能想補充：text-align：center; – rico 2014-11-05 10:40:25

你可以嘗試響應式佈局。加載bootstrap-responsive.css並自定義「上方彈出窗口」的樣式以適應不同的屏幕尺寸。

來源

2014-11-07 01:02:43 Waq

它使用Bootstrap框架，因此您需要添加boostrap.js和css。 – Waq 2014-11-07 01:04:00

您還需要在網頁頂部添加「」，並且需要以不同的屏幕尺寸逐一定義位置。 – Waq 2014-11-07 01:04:01

如何修復Bootstrap滑塊上的彈出位置？

回答

相關問題