트위터 부트 스트랩 - 열 숨기기 후 센터 열

Question

사용하여 부트 스트랩 응답 - HTML 같은 표시 ...

이

<div class="row-fluid Center"> 
    <div id="divMapCanvas" class="span6"> 
     <div id="map_canvas"> 
     </div> 
    </div> 
    <div id="divMapPanel" class="span6"> 
     <div id="map_panel"> 
     </div> 
    </div> 
</div> 

테스트 웹 페이지 : 내가하고 싶은 무엇 http://gfw.yyyz.net/Contact

이 처음이다가 divMapPanel div 숨기고있다 divMapCanvas div 페이지의 중앙에 있습니다. 그런 다음 길 찾기 버튼을 누르면 divMapCanvas가 왼쪽으로 이동하고 divMapPanel이 나타납니다. divMapPanel을 단순히 숨기려고했지만 divMapCanval을 중앙에 배치 할 수 없습니다.

미리 제안 해 주셔서 감사합니다.

Answer 1

캔버스를 감싸는 클래스 span6이있는 div에서 고정 너비를 설정해야합니다 (예제 페이지에서 작동 할 때 width: 526px;을 사용했지만 대신 %를 사용할 수 있습니다. 하지만 기본 설정 인 auto로 설정할 수는 없습니다.) 또한 float: none;과 margin: 0 auto;을 추가하여 부동을 제거해야합니다.

divMapPanel에 DOM에 공간을 차지하지 않도록 display: none을 추가해야합니다. 예를 들어 visibility: hidden을 사용하면 작동하지 않습니다.

사용자가 방향을 클릭하고 두 요소를 나란히 표시하려면 float: left 등을 다시 추가하여이 설정을 제거하고 두 요소가 나란히 표시되어야합니다.