bootstrap5の使い方がわからない
Q&A
Closed
bootsrap5を導入したが、エディタのどこに配置する方法がわからない。
検索してみたが、エディタへの配置方法まで掲載しておらず、解決できていません。
※エディタはVScodeを使用しています。
検索した結果
下のように保存してくださいとありますが、macのオートメーターで、新規ファイル作成をできるように設定しても拡張子が『txt』のテキストファイルしか作ることができないため、エディタにぶち込んだ後に中身を編集しようかと思いました。
※bootstrap5では『fonts』のディレクトリはないのは確認済みです。
しかし、どのディレクトリに『css』『js』を配置すれば良いのかわからないです。
・下の公式のページからCSS等の記述をコピペすれば簡単に使えるとのことですが、そこの段階までたどり着けていないです。
・下はまた別の記事になります。
自分なりに進めて、以下の通りになりました。
ネットでテンプレートをダウンロードし、以下のように配置しました。
『js』は『javascript』の下
『css』は『stylesheets』の下
『index.html』は『views』の下
という形で配置しました。
そうしたら、下記のような表示になりました。
表示させたいのは下記です。
『ダウンロードしたリンク先』https://f-tpl.com/sample/tpl_090/
これを見る限りだと画像が全て表示できていないと感じます。
パズ指定が違うのかと思い、試しに画像をindexと同じ階層に持っていき指定したのですが表示されません。
キャッシュの問題もあるかと仮説をたて、シークレットモードで開いたのですが、ダメでした。
どなたかご教授ください。
0
