2016-07-23 5 views
0

I twitter Bootstrap bin mit und haben die folgende Struktur irgendwo in meinem Code:ändern Spaltenbreite auf der SelectedValue je

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

ich auch ein js Skript, das/zeigt versteckt die Säule mit #id_selector auf eine Abhängigkeit Wählen Sie einen Wert aus einem der Auswahlfelder.

Was will ich achive ist die .col-md-3 zu col-md-4 zu ändern, wenn .col-md-1#id_selector verborgen ist und setzen Sie ihn auf 3 zurück, wenn es

gezeigt ist, wie kann ich das tun?

Dank

Antwort

1

Sie werden Javascript hierfür benötigen:

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

Hinweis: Bei kein Code im OP zur Verfügung gestellt, habe ich einfach bin mit onclick die Grundzüge bereitstellt. Wenn Sie etwas Code posten können, wird es einfacher, Fehler zu beheben.