ワードプレスのプラグイン「VK Front-end Gridプラグイン」はたいへん便利なので使おうとしたが、段組みがずれる問題がありそうなので使えない、段組みレイアウト別に雛型をつくり、使用時はこれをコピーして使うことにした
CSSを修正しながら使えば良いが、これに工数をかけるなら段組みをコピーした方が簡単!

しかしブラウザーIE11で見ると段組みがずれてしまうことが判明 2015.7.11現在
どっちが悪いんだろう、Microsoftはくせがある
Chrome:バージョン 44.0.2403.81 beta-m (64-bit) → OK
IE11(11.0.9600.17843,11.0.20(KB3058515)) → NG

green

 

 
 
 
 

4カラム1
(4段組)
レイアウト


4カラム2
(4段組)
レイアウト

4カラム3
(4段組)
レイアウト

4カラム4
(4段組)
レイアウト
 

3カラム1
(3段組)
レイアウト


3カラム2
(3段組)
レイアウト

3カラム3
(3段組)
レイアウト
 

2カラム1
(2段組)
レイアウト


2カラム2
(2段組)
レイアウト
 

段組レイアウト

 

 

darkblue
VK Front-end Gridプラグイン


 

 
 
 
 

4カラム1
(4段組)
レイアウト


4カラム2
(4段組)
レイアウト

4カラム3
(4段組)
レイアウト

4カラム4
(4段組)
レイアウト
 

3カラム1
(3段組)
レイアウト


3カラム2
(3段組)
レイアウト

3カラム3
(3段組)
レイアウト
 

2カラム1
(2段組)
レイアウト


2カラム2
(2段組)
レイアウト
 

段組レイアウト

 

 

<div class=”col-sm-3″> </div>
<div class=”col-sm-3″> </div>
<div class=”col-sm-3″> </div>
<div class=”col-sm-3″> </div>
<div class=”col-sm-3″>
<hr />
<p>4カラム1<br />
(4段組)<br />
レイアウト</p>
</div>
<div class=”col-sm-3″>
<hr />4カラム2<br />
(4段組)<br />
レイアウト</div>
<div class=”col-sm-3″>
<hr />4カラム3<br />
(4段組)<br />
レイアウト</div>
<div class=”col-sm-3″>
<hr />4カラム4<br />
(4段組)<br />
レイアウト</div>
<div class=”row”> </div>
<div class=”col-sm-4″>
<hr />
<p>3カラム1<br />
(3段組)<br />
レイアウト</p>
</div>
<div class=”col-sm-4″>
<hr />3カラム2<br />
(3段組)<br />
レイアウト</div>
<div class=”col-sm-4″>
<hr />3カラム3<br />
(3段組)<br />
レイアウト</div>
<div class=”row”> </div>
<div class=”col-sm-6″>
<hr />
<p>2カラム1<br />
(2段組)<br />
レイアウト</p>
</div>
<div class=”col-sm-6″>
<hr />2カラム2<br />
(2段組)<br />
レイアウト</div>
<div class=”row”> </div>
<div class=”col-sm-12″>
<hr />
<p>段組レイアウト</p>
</div>
<div class=”row”> </div>