環境:
rails5.2
あまりメジャーなやり方ではないかもしれませんが、gemからbootstrapを使う方法が上手くいかないので、こちらのサイトを参考にしvendor/assets以下にDLしたbootstrap.css/jsを配置しbootstrapを利用する方法を試しております。
start bootstrapというbootstrapテンプレートを無料配布しているサイトからhtmlマークアップも含めたテンプレート一式をDLし、参考サイトに書いてある通り、vendor/assets/css,javascriptフォルダに、DLしたフォルダに入ったbootstrap.cssとbootstrap.jsの2つを入れてローカルサーバーを立ち上げ動作確認しました。
しかしレイアウトそのものは似た感じのレイアウトにはなったのですが、レスポンシブ対応が上手くいきません。
理想としてはこちらのようにスマートフォン画面になったら画面いっぱいにviewが広がってほしいのですが、私が今行っている方法であると
PCで閲覧した時のページががそのまま縮小されたような表示となってしまいます。
navヘッダのメニュートグル等は変化しているのですが、他はPCでの表示と大差ない形となっております。
なぜこのような事が起きているのでしょうか?
単純にDLしたフォルダ内にあるindex.htmlをブラウジングしたらこちらは普通にデモページと同じ様にレスポンシブ対応されました。
基本的なレスポンシブ対応はメディアクエリのような形で、bootstrap.cssに書いてある感じがするのですが、、、他に何か読み込むべきファイルがあるのでしょうか?(DLしたフォルダにはjquery.min.jsやbootstrap.css.map等様々なファイルがあります)
この配布サイトだけでなく、bootstrap公式サイトが配布しているものでも同様のことが起こる為、根本的に何かのファイルであったりを読み込む必要性があると感じております。。。
解決方法を知りたいです。
宜しくお願い致します。
回答1件
あなたの回答
tips
プレビュー