gpt4 book ai didi

html - 将 Ace 编辑器与 Twitter Bootstrap 结合使用

转载 作者:太空宇宙 更新时间:2023-11-03 18:37:15 26 4
gpt4 key购买 nike

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

最佳答案

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

关于html - 将 Ace 编辑器与 Twitter Bootstrap 结合使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18433541/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com