オリジナルテーマでTwitter Bootstrap 3を使いたい

2019年12月22日 at 19:01

初めまして。
concrete5初心者です。
バージョンは最新のバージョン 8.5.2を使っています。

今回オリジナルテーマでサイトを制作する必要ができて、「世界一わかりやすいconcrete5導入とサイト制作の教科書」を読みながら一度作ったサイトにconcrete5を組み込むべく悪戦苦闘しています。

最初はfoundationのグリッドフレームワークを入れていましたが、レスポンシブのデザインを下記のようにしたいため、Twitter Bootstrap 3に変えた方がいいかと思いTwitter Bootstrap 3に変更しようとしています。

・全体的にレスポンシブ対応させたい。
・メイン画像をレスポンシブ対応したい。(できたら毎回100%にしたい)
・三つ並びのコンテンツは横に33.33%に分かれるのではなく、立て並びにしたい。

下記の参考ページを見ても難しく、また他のテーマを見てみようみまねでCSSを追加してもうまくいきません。

参考ページ
エリアでグリッドレイアウトを有効にする
http://concrete5-japan.org/help/5-7/developer/designing-for-concrete5/adding-grid-support-to-your-theme/enabling-grid-support-for-areas-and-layouts/


現在は完成に時間がかかり困っています。
どうか解決策を教えて頂けないでしょうか?
お忙しい中恐縮ですが、よろしくお願いいたします。

タグ:

Re: オリジナルテーマでTwitter Bootstrap 3を使いたい

2019年12月24日 at 11:19
どううまくいかないのか、具体的に質問した方が、回答が得られると思います。
 

Re: オリジナルテーマでTwitter Bootstrap 3を使いたい

2019年12月27日 at 8:49
ご返信ありがとうございます。

具体的には3カラム設定のブロックをスマートフォン時には縦に表示したいのでbootstrap3を設定しようと思いましたが、page_theme.phpでfoundationのグリッドフレームワークからbootstrap3に設定を変え、実際にレイアウトを追加しbootstrap3で3カラムのものを作ろうとしてもbootstrap3の選択肢が出てこず、3カラムのものも横に圧縮され並んで表示されます。
もちろん、テーマは毎回切り替えて前のものを削除してから入れなおしています。
できたら3カラムのものは縦で使いたいのでbootstrap3を使用したいと思っています。
解決策がわかりましたらどうか教えて頂けないでしょうか?
どうぞよろしくお願いいたします。
 

Re: オリジナルテーマでTwitter Bootstrap 3を使いたい

2019年12月27日 at 10:30
enableGridContainer() 追加してますか?ドキュメントご確認ください
 

Re: オリジナルテーマでTwitter Bootstrap 3を使いたい

2019年12月28日 at 1:07
ご返答ありがとうございます。
page_theme.php内を検索したら追加していなかったので、調べて追加してみます。
教えてくださってありがとうございました。