Bootstrapでヘッダ固定した場合、navbarの高さ分bodyの開始位置を下げる必要があります。 ヘッダの高さが予めわかっている場合は、固定値でbodyに対してpaddingすれば対応できますが ウィンドウサイズ変更などでヘッダ内改行が発生する場合、bodyがヘッダに隠れてしまいます。 皆さんは、Bootstrapを使ったことがありますか？WEBアプリ・WEBサービスなどの画面を作るときに、Bootstrapの使い方を知っているととても便利です。 Bootstrapを使えば、簡単にモーダルウィンドウを作ることができるので、使い方を覚えておくのがおすすめです！ 今回はHTMLのonclick属性について解説をしていきます！ onclick属性では要素がクリックされたかどうかをイベントとして判断することが出来ます。 ただこのonclick属性について調べてみると、JavaScriptとも関係していて混乱する初心者の方もいるかもしれません。 モーダル内のページ内リンクが動かなくて困ったので、クリックしたら位置を計算してスクロールするjsを作ってみました。 動作サンプル See the Pen モーダル内でのページ内リンクのサンプル by takapen on CodePen. html Bootstrapのmodalを使用しています。申し込みフォームに各コンテンツの一覧を用意して、詳細ボタンをクリックするとmodalが開くようにしています。modal内にはコンテンツの詳細が記載されており、日付と日時のデータ(データ登録のため、あえて2つに分けています)を持つようにしています … Bootstrapなどでtable要素をいい感じに作れますが、ページングやソート機能、検索機能などをつけようとすると自分で色々といじっていく必要がありますが、[DataTables](を使うとそのような機能を簡単に作ることが出来ます。 使用方法は以下のようにhead内にcssとjsのリンクを追加します。 Bootstrapのmodalを使用しています。申し込みフォームに各コンテンツの一覧を用意して、詳細ボタンをクリックするとmodalが開くようにしています。modal内にはコンテンツの詳細が記載されており、日付と日時のデータ(データ登録のため、あえて2つに分けています)を持つようにしています。 以 このdiv内のmodal-contentクラスは、モーダルのコンテンツがどこにあるかを「bootstrap.js」に伝えます。このdiv内に、先に述べたheader、body、footerの3つのセクションを配置することが必要です。 ページ送りはリストのhtml要素で構築され、スクリーンリーダーは利用可能なリンクの数を知らせることが可能。 包括用の