Использование Ace Editor с Twitter Bootstrap

Я разрабатываю дизайн небольшой онлайн-среды разработки с помощью 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)?


person vinnylinux    schedule 25.08.2013    source источник


Ответы (1)


ace использует размер элемента, к которому он прикреплен, вы можете сделать одно из следующих действий

person a user    schedule 31.08.2013