MrRadiology https://blog.hatena.ne.jp/MrRadiology/ 学生向けプログラミング入門 | 無料 https://mrradiology.hatenablog.jp/ Ruby on Rails Rails7.1 Rails導入編 Bootstrap Bootstrapは、ウェブ開発者がウェブサイトやウェブアプリケーションを効果的かつ迅速に構築するためのオープンソースのフロントエンドフレームワークです。 Twitterによって開発され、2011年に最初にリリースされました。 BootstrapはHTML、CSS、およびJavaScriptを使用して、レスポンシブで美しく、使いやすいウェブサイトを構築するためのツールやコンポーネントを提供します。 基本的には、サイトからサンプルコードをコピーして、オリジナルに変更していくという流れをとります。 使い慣れてくると、サンプルコードなしでも書けるようになってきます。 divタグのclass属性にコンポーネントの内容やカラー、スペースなどを記述します。 動作する環境を整え、サンプルコードをコピーして表示を確認しているうちに覚えられると思います。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmrradiology.hatenablog.jp%2Fentry%2F2024%2F01%2F11%2F104924" title="Rails導入編 | カート機能の実装 | 06 | Bootstrapの導入 - 学生向けプログラミング入門 | 無料" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/M/MrRadiology/20231006/20231006174056.png Hatena Blog https://hatena.blog 2024-01-11 10:49:24 rich https://mrradiology.hatenablog.jp/entry/2024/01/11/104924 1.0 100%