Bootstrap– tag –

【Bootstrap Studio】 前回、Bootstrap Studioを使って、漢字間違い探しクイズ用のウェブサイトのクイズで遊ぶページ（play.html）を作成しました。 前々回にmake.htmlを作成し、ナビゲーションバーとフッターをindex.htmlからコピーしていますので、現状...

【Bootstrap Studio】 前回、Bootstrap Studioを使って、漢字間違い探しクイズ用のウェブサイトの新規ページの作成、リンクの作成、ナビゲーションバーとフッターの固定を行いました。 こちらが前回作成した「play.html」です。 他にも「make.html」と「ab...

【Bootstrap Studio】 前回、Bootstrap Studioを使って、漢字間違い探しクイズ用のウェブサイトのリンクの色を変更しました。 前回作成したところはこんな感じです。 今回は「クイズで遊ぶ」、「クイズを創る」、「このサイトに関して」のそれぞれのページ...

【Bootstrap Studio】 前回、Bootstrap Studioを使って、漢字間違い探しクイズ用のウェブサイトのフッター部分のグラジエントの背景を作成しました。 前回作成したところはこんな感じです。 今回は同じくフッターのところのリンクの色を変えていきます。 ...

【Bootstrap Studio】 前回、Bootstrap Studioを使って、漢字間違い探しクイズ用のウェブサイトのメインコンテンツへのリンク部分を作成しました。 今回はページの一番下、いわゆるフッター部分に、再度コンテンツへのリンクとコピーライトを追加していき...

【Bootstrap Studio】 前回、Bootstrap Studioを使って、漢字間違い探しクイズ用のウェブサイトのメインビジュアルエリアに動画を追加しました。 前回までに作成したデザインはこちらです。 今回はこのデザインにメインコンテンツであるクイズで遊ぶ「Play...

【Bootstrap Studio】 前回、Bootstrap Studioを使って、漢字間違い探しクイズ用のウェブサイトのメインビジュアルエリアにテキストを追加しました。 前回までに作成したデザインはこんな感じです。 今回は前回追加したテキストの左側に漢字間違い探しクイ...

【Bootstrap Studio】 前回、Bootstrap Studioを使って、感じ間違い探しクイズ用のウェブサイトのメインビジュアルエリアの作成を行いました。 ちなみに前回までの状態はこんな感じ。 今回はそのメインビジュアルの右側にテキストを入力していきます。 そ...

【Bootstrap Studio】 前回、Bootstrap Studioを使って、感じ間違い探しクイズ用のウェブサイトのナビゲーションバーのデザインを行いました。 それでできたのがこんな感じ。 今回はこのナビゲーションバーの下に動画と一言キャッチフレーズを書くための場...

【Bootstrap Studio】 前回、Bootstrap Studioを使って、感じ間違い探しクイズ用のウェブサイトデザインの作成を開始し、ナビゲーションバーを設置してみました。 しかしとりあえずナビゲーションバーの部品を置いただけで、まだまだ自分のウェブサイト用...