サムネイルが2段目からずれる on Twitter Bootstrap その2 (IE対応)

Bootstrapのサムネイルが2段目からずれる件、cssのnth-childを使用して対応したエントリを先日書きましたが、IEだとnth-childプロパティが効かない事がわかりました。。。

調べてみると、jqueryにもnth-childというメソッドがあるようでしたので、こんな感じで試してみます。

$(document).ready(function(){
    $(function() {
	$("ul.thumbnails li.span3:nth-child(4n+1)").css("margin-left", "0px")
    })
})

IEでもずれなくなりました。

span3 と nth-cildの中身(4n+1)の関係はこちらを参照くださませ。

クロスブラウザ対応って大変なんですね。