Scriptのフレームワークです。laravelフレームワーク内のbootstrapと混同されやすいですが、ここでのBootstrapは単体で利用する説明になります。laravelフレームワークでもBootstrapを利用しやすいようになっていますので、利用しない手はないです。ここでいうレスポンシブとはパソコンやスマートフォンなどの画面の大きさに対して自動的に見やすい表示にさせる技術と考えてもらってかまいません。フレームワークとは一般的に土台を表しますが、Bootstrapはホームページなどを作成する際に必要となる基本的技術(部品など)を提供してくれます。コードのコピペでページ内の色々な表現が可能になり、前述のレスポンシブデザインにより、パソコンやスマートフォンのためにそれぞれページを作らなくてはいけなくなる手間を省いてくれます。グリットシステムの利用で画面の分割指定も楽に構築できます。ヘッダー部分の範囲やボディー部分、サイドバーやフッターの範囲などを分割できます。webデザイン世界ではワイヤーと呼ばれますが、ページを作成する際に最も基本になる部分が楽に設計できるのは嬉しいですね。オススメなのはHTMLやCSS・JavaScriptがわからないといった方にも簡単に扱えるところも魅力かなと思います。Bootstrapの導入Bootstrapの公式サイトを表示しましょう。表示すると2019年7月現在で下記の表示が出るはずです。ブートストラップは他のアプリケーションのような形にはなっていないので、最初は戸惑うかもしれませんが、このサイトそのものがアプリケーションの役割を概ね兼ねています。何事も慣れなので試行錯誤しながら使っていきましょう。全てがテキスト(文字列)になっていますのでエディタを利用して作成し、ブラウザで表示を確認しながらの作業となります。内容は作成者独自の文章や画像ですが、表示方法や位置などをうまく加工していきます。ページの構造などはほとんどコピペで作れますから是非やってみましょう。クリックしてください。すると画面を少し下へスクロールすると下記の表示が現れます。終わるコードがありますから、それをコピーしてエディタに新規ファイルとしてペーストします。私の場合はAtomエディタを使用していますが、メモ帳でも大丈夫なので貼り付けて、ファイル名をindex.htmlとしてデスクトップに保存してください。保存したらデスクトップにある作成したファイルを開いてみてください。このように表示されてますよね。<body>から</body>部分が表示されています。変えてみてくださいね非常に簡単ですが導入部分は至って単純です。HTMLを使ったプログラミング学習初期の文字表示的なものですが、手始めにということで利用してみました。大切なのはグリット表示です。次はサイトの見栄えを決定しコンテンツを作っていきましょう。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。はい、私をあなたのメーリングリストに追加してください。*新着記事のお知らせをしています。お客様のメールアドレスは第三者に公開されませんのでご安心ください。登録や購読はもちろん無料です。受信ボックスか迷惑メールフォルダを確認して購読手続きを完了してください。なって他のコンテンツをお楽しみください。登録はここをクリックすると登録フォームに移動します。