我正在使用 Twitter Bootstrap 构建一个小型在线 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>
这是一个简单的 Twitter 引导导航栏和容器,有两个网格列:一个用于侧边栏,另一个用于编辑器。但是,无论我做什么,Ace 编辑器都不会使用它的父高度。如何创建类似于实际 Ace Editor 厨房水槽的东西,但以响应方式使用 Twitter Bootstrap(例如 Cloud9)?