1

画面サイズが縮小されたときに Bootstrap スライダーのポップオーバー位置が動かない問題を修正するにはどうすればよいですか?

位置はスライド上で固定する必要があるため、サイズを変更するときは同じ位置にとどまる必要があります。たとえば、2 番目のスライダーでは、テレビの上に白い点が表示されます。これは、画面サイズに関係なく、常にテレビの上にある必要があります。

これはオンラインの URL です: 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;
}
4

2 に答える 2

0

レスポンシブ レイアウトを試すことができます。bootstrap-responsive.css をロードし、さまざまな画面サイズに合わせて「popover above」のスタイルをカスタマイズします。

于 2014-11-07T01:02:43.237 に答える
0 
.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-05T10:38:47.957 に答える