부트 스트랩 모달에서 d3.js를 잘못 표시합니다.

Question

bootstrapmodal에 문제가 발생했습니다. d3.js 도넛 형 차트를 넣었지만 잘못 표시했습니다.

숫자가 텍스트와 겹치지 만, modal 없이는 완벽하게 작동합니다.

<div class="portfolio-modal modal" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true"> 
     <div class="modal-content"> 
      ... 
      <div class="container"> 
       ... 
       <div class="row"> 
        ... 
        <div class="col-md-6"> 
         <div id="pieChart"></div> 
        </div>     
       </div> 
      </div> 
     </div> 
    </div> 

Answer 1

아마도 너는 모달 너비 문제에 직면 할 수 있습니다.

Bootstrap 3.1.1에는 modal-lg 및 modal-sm 클래스가 추가되었습니다. @media 쿼리를 사용하여 모달 크기를 제어합니다. 이것은 모달 크기를 제어하는보다 글로벌 한 방법입니다.

@media (min-width: 992px) 
.modal-lg 
{ 
    width: 900px; 
    height: 900px; /* control height here if its needed */ 
} 

한 샘플에 대한 당신이이 후, 내 질문의 일부를 해결의