Twitter Bootstrapでキャンセルされた親テーマTwenty Thirteenのサイドバーのフッターへの重ね合せを再現してみた

Twitter BootstrapとWordPressの新テーマTwenty Thirteenに於いては
其の組み合わせに於いて共にjQueryなどJavaScriptを駆使する為か、
機能的にバッティングして来る部分も発生するようです。

本ブログに配信した昨日、2013年8月15日の記事
親テーマを新テーマのTwentyThirteenに変更してTwitterBootstrapのグリッドシステムを適用してみた
に気が付かれた向きもあるでしょう。
フッター部の右側がサイドバーの幅分余白が取られているにも関わらず、
サイドバーはフッター上部で表示を止めてから、
折り返してフッター部が干渉せずに表示されています。

此れはデスクトップ表示(高解像度)に於いて発生するのですが、
昨日の記事では保留した此の問題が気になったので調べた上で、
Twenty Thirteenの所与のレイアウトである
サイドバーとフッターの重ね合わせを復元してみました。

実際に当該作業が適用された画面が下の図になります。
サイドバーがフッターの上部で其の関係性をクリアされずに
中迄突き抜けている様子が見て取れるでしょう。

twentythirteen_bootstrap.02.130816

この方法についての詳細及び実際に用いた
JavaScriptコードなどはブログ
はなまるチェック!
の本日、2013年8月16日に配信した記事
TwitterBootstrapがキャンセルするTwentyThirteenのサイドバーとフッターの重なりを復元する
にご覧いただけます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です