부트 스트랩 슬라이더에서 팝 오버 위치를 수정하는 방법은 무엇입니까?

Question

부트 스트랩 슬라이더에서 팝업 위치를 수정하는 방법은 화면 크기가 줄어들 때 움직이지 않습니까?

위치를 슬라이드에 고정해야 크기를 조정할 때 같은 위치에 있어야합니다. 예를 들어, 두 번째 슬라이더에는 TV 위 흰 점이 표시됩니다. 화면 크기에 관계없이 항상 TV 위에 있어야합니다.

이 온라인 URL입니다 : comfortica.nl

먼저 팝 오버 당신은 반응 레이아웃을 시도 할 수 있습니다

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

Answer 1

.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; 
} 

Answer 2

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

CSS. bootstrap-responsive.css를로드하고 "popover above"스타일을 다른 화면 크기에 맞게 사용자 정의하십시오.