html - 根据所选值更改列宽

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 提供基本大纲。如果您可以发布一些代码，将更容易排除故障。