1

我正在使用 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)?

4

1 回答 1

0

ace 使用它所附加的元素的大小,您可以执行以下任一操作

于 2013-08-31T19:53:34.750 回答