アヒルを2カラムにする の続き
やり方は上と同じ
<b:if cond='data:blog.pageType not in {"static_page","item"}'>
<style>.col-lg-4{display:none;}.col-lg-8{width:100%;max-width:100%;}</style>
</b:if>
まぁ分岐の書き方は色々ありますが
(これだとTricktree用に用意したページも2カラムになってしまいますが)
*他でグリッドを組む場合クラスは別に用意するかしてください
ちなみに、これはBootstrap 5でないとできません
(Bootstrap 4ではできません)
display:none; についてはサイドバーを非表示にするくらいは問題ないかなという
このブログでも一部投稿ページで幅を100%にしているのはこれの応用
まぁ Dark Theme とかはこれがあるのでフレキシブルに組めるわけです






0 comments:
スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。
注: コメントを投稿できるのは、このブログのメンバーだけです。