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

回答

相关问题