Klassennamen bei Bildschirmskallierung ändern

html.de-Forum JavaScript
1

Morgen Leude,

Neues Problem unzwar möchte ich bei mehreren Elementen den Klassennamen bei der Bildschirmskallierung ändern. In meinem Fall sind es Bootstrap klassennamen…

function myFunction() {
var w = window.innerWidth;
var h = window.innerHeight;

document.getElementById(„demo“).innerHTML = "Width: " + w + "
Height: " + h;
console.log(w);

if(w < 991){
var elements = document.getElementsByClassName(‚col-md-4‘);

  for(var i = 0; i < elements.length; i++){
     elements[i].className = 'col-md-6';
  }

}

}
myFunction();

Hab ich das was übersehen oder etwas nicht beachtet ? weil funktionieren tut es nicht :)[/i]

2

Ähm, ja hast du:
http://getbootstrap.com/css/#grid

JS ist hier völlig überflüssig.

3

Wie nutze ich das jetzt richtig ? hab ne row mit 4x col-md-4. Bei der Breite von 991px werden den containern eine breite von 100% gegeben und sie werden untereinander dargestellt. Das sieht nicht so toll aus… ideal wäre es wenn ich jeweils zwei container nebeneinander hätte.

4

Danke scbawik

#GELÖST