使用Ace編輯器和Twitter Bootstrap

我正在用Twitter Bootstrap構建一個小型在線IDE的設計，但由於Ace的高度問題，我無法實現正確的佈局。使用Ace編輯器和Twitter Bootstrap

<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>

這是一個簡單的Twitter引導導航欄和容器，用兩個網格列：一個用於邊欄，另一個用於編輯。但是，無論我做什麼，Ace編輯器都不會使用它的父級高度。我如何創建一些類似於實際的Ace Editor廚房水槽的東西，但是以響應的方式使用Twitter Bootstrap（例如Cloud9）？

來源

2013-08-25 vinnylinux

王牌使用元素的大小，其附着你可以做以下的任一

使span9 position:relative化妝編輯position:absolute;top:0;bottom:0;left:0;right:0
呼叫ace.edit上span9
集編輯器的大小與js看到https://github.com/ajaxorg/ace/blob/master/lib/ace/ace.js#L96

來源

2013-08-31 19:53:34

使用Ace編輯器和Twitter Bootstrap

回答

相關問題