트위터 부트 스트랩 팝업 표시하지만 이상하게 보입니다 - 레일

Question

안녕하세요 저는 seyhunak/twitter-bootstrap-rails gem으로 트위터 부트 스트랩 팝 오버 기능을 사용하고 있습니다.

I가 내보기에 다음 코드 :

<ul class="nav nav-pills subnav"> 
    <li> 
    <a class="label-with-popover" data-content="popover content" data-title="popover title">Home Valuations:</a> 
    </li> 
</ul> 

는 내 page.js.coffe

jQuery -> 
$('.label-with-popover').popover() 

팝 오버가 나타납니다에서 다음하지만 너무과 같습니다

부트 스트랩 팝업 표시가 이상한 수직선으로 표시됩니다. d 이 문제를 어떻게 해결할 수 있는지 누구나 알고 있습니까?

자세한 정보가 필요하면 알려주세요.

Answer 1

당신은 프로젝트를 위해 작성한 CSS와 부트 스트랩 CSS 사이에 많은 충돌이 있습니다. 앞으로는 .arrow과 같은 범용 클래스의 네임 스페이스 사용을 고려해야합니다. 그렇지 않으면 CSS가 이러한 공통 클래스 이름을 사용하는 타사 라이브러리 (예 : 부트 스트랩)를 방해합니다.

http://jsfiddle.net/5rT9t/1/ 내가 .arrow에 .content에 padding 값을 margin 선언을 제거하고, 엄격하게 데모를 들어, 전체를 볼 수 있도록 팝 오버를 상쇄하기 위해 컨테이너 사업부를 추가 : 여기

는 바이올린에 대한 수정 등 맡은 일.