ジャンボトロン（トップ見出し）の書式：Bootstrapコードまとめ
～ 目次 ～ 基本的なジャンボトロンの書式 ジャンボトロンの画面全幅の書式 ジャンボトロンのカスタマイズ：背景画像を入れる ジャンボトロンのカスタマイズ：文字を中央寄せにする 基本的なジャンボトロンの書式 ジャンボトロン（jumbotron）は、WEBサイトのトップ見出しのデザインです。 主要コンテンツを紹介するのに適しています。 ジャンボトロンは、div要素にclass「jumbotron」を適用して、この中に見出しの内容を記述します。 その外側をdiv要素にclass「container」を適用して囲みます。 なお、ジャンボトロンは角丸となります。 実装例：HTML <div class="container"> <div class="jumbotron"> <h1>ジャンボトロンの基本書式</h1> <p>「ジャンボトロン」とは、元はソニーが開発・製作していた大型映像表示装置の名称
Bootstrapを使ってみる。ヘッダー編（Jumbotron） | みずかず
Bootstrapを使ってみよう。ヘッダー編（jumbotron） 前回はサイト上部にグローバルナビゲーションバーを設置。 今回はサイトのメインイメージを与えるバナーを設置してみたい。 Bootstrapでは「jumbotron」というクラス属性を使いコンテンツ幅全体に展開するブロックを作ることができる。 今回はここをヘッダー領域としてイメージ画像とテキストを配置してみる。 ＊この記事はHTML・CSSの基本知識がある前提での備忘録のため説明に至らない部分があります、あしからず。 Bootstrapのサイトからコピー＆ペーストする Bootstrapのサイトの上部メニューよりComponentsを選択して開く。 Components画面が開いたら右サイドナビより「jumbotron」をクリック。 jumbotronの項目へ移動するとイメージ画像とタグが表示されているので、タグをcopyボタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
