트위터 부트 스트랩과 함께 Ace 편집기 사용하기

트위터 부트 스트랩으로 작은 온라인 IDE 디자인을 만들고 있지만 에이스의 높이 문제로 인해 적절한 레이아웃을 얻지 못하고 있습니다. 사이드 바 하나, 에디터의 또 다른 :트위터 부트 스트랩과 함께 Ace 편집기 사용하기

<body> 
    <div class="navbar-wrapper"> 
     <div class="container"> 
      <div class="navbar navbar-inverse"> 
       <div class="navbar-inner"> 
        <a class="brand" href=""><img alt="" src=""></a> 

        <ul class="nav pull-right"> 
         bla bla bla 
        </ul> 
       </div> 
      </div> 
     </div> 
    </div> 

    <div class="container-fluid"> 
     <div class="row-fluid"> 
      <div class="span3"> 
       <p>This is a sidebar</p> 
      </div> 
      <div class="span9"> 
       <div id="editor">asdasdasddas 
       asd 
       das 
       das 
       das 
       das</div> 
      </div> 
     </div> 
    </div> 
</body>

이 두 그리드 열이있는 간단한 트위터 부트 스트랩 네비게이션 바 용기이다. 그러나 에이스 편집자는 내가 상관없이 부모 높이를 사용하지 않습니다. 어떻게 실제 에이스 편집기 주방 싱크와 같은 것을 만들 수 있습니까? 그러나 트위터 부트 스트랩을 사용하여 (예를 들어 Cloud9와 같은) 반응이 좋습니다.

출처

2013-08-25 vinnylinux

에이스는

는
세트 편집기 크기 span9에 span9 position:relative 메이크업 편집기 position:absolute;top:0;bottom:0;left:0;right:0
전화 ace.edit을 다음 중 하나를 수행 할 수는 를 부착 할 요소의 크기를 사용합니다 js 참조 https://github.com/ajaxorg/ace/blob/master/lib/ace/ace.js#L96

출처

2013-08-31 19:53:34

트위터 부트 스트랩과 함께 Ace 편집기 사용하기

답변

관련 문제