根据selectedvalue更改列宽

Question

我使用Twitter bootstrap并在我的代码中的某处具有以下结构：

.row
  .col-md-6
    content1
  .col-md-3
    content2
  .col-md-1#id_selector
    content3
  .col-md-2
    content4

我还有一个js脚本，用#id_selector显示/隐藏列，具体取决于其中一个选择字段的选择值。

我想要实现的是改变 隐藏.col-md-3时col-md-4到.col-md-1#id_selector 并在显示时将其设置为3

我该怎么做？

由于

Answer 1

你需要javascript：

document.getElementById('myButton').onclick = function() {
  document.getElementById('column-to-change').className.replace('col-md-3', 'col-md-4');
}

注意：如果OP中没有提供代码，我只是使用onclick提供基本大纲。如果您可以发布一些代码，则可以更轻松地进行故障排除。