2026年5月18日月曜日

アヒルで投稿、ページのみ2カラムにする

アヒルを2カラムにする の続き

やり方は上と同じ

<b:if cond='data:blog.pageType not in {&quot;static_page&quot;,&quot;item&quot;}'>
<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 とかはこれがあるのでフレキシブルに組めるわけです

F(uriouz)

欲しいものリスト / 優先度の高いほしいものリスト / ☕を奢る
Donate 寄付 カンパ サポート Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
詳細プロフィールを表示

0 comments:

スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。

注: コメントを投稿できるのは、このブログのメンバーだけです。

...

Recent Posts

 
"The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License."