Как я могу гарантировать, что столбец Bootstrap расширяется до ширины его содержимого при изменении этого значения? ⇐ Jquery

[Anonymous]

У меня есть следующая очень простая сетка Bootstrap:

Код: Выделить всё

Arrow

Compound
Arrow
Compound
Arrow

В настоящее время в целях тестирования содержимым заполняется только первый столбец, который представляет собой пользовательский объект рисования, размер которого можно указать с помощью следующего Javascript:

Код: Выделить всё

var width = "200px";
var height = "200px";

function jsmeOnLoad() {

// width, height
document.JME = new JSApplet.JSME("jsme_container", width, height, {

"options": "edit,useopenchemlib", // depict in place of edit removes exterior editor window

});

}

Я включил это в следующий JSFiddle:

http://jsfiddle.net/mrc2016/rbxth6ac /

Пожалуйста, разверните окно результатов влево и убедитесь, что скрипт загружается по протоколу http, а не https.

Я обнаружил, что высота первого столбца успешно увеличивается до значения «var height» jsme_container, установленного в коде Javascript. Однако этого не происходит при изменении ширины jsme_container. Например, если «var width = 100px», содержимое находится в первом столбце, но когда это значение изменяется на 200px, содержимое расширяется из первого столбца во второй. Мой вопрос: как я могу предотвратить это и как обеспечить, чтобы первые (и, в конечном итоге, все) столбцы расширялись до ширины их содержимого?

Приношу извинения. из-за упрощенного характера этого вопроса, но у меня нет опыта работы с Bootstrap и CSS.

Буду очень признателен за любую помощь/советы.

Подробнее здесь: https://stackoverflow.com/questions/389 ... ntent-when