BT

InfoQ ホームページ ニュース レスポンシブなembedなどを追加したBootstrap 3.2

レスポンシブなembedなどを追加したBootstrap 3.2

ブックマーク

原文(投稿日:2014/07/01)へのリンク

Bootstrap 3.2にはレスポンシブなembed/object/iFrame,いくつかのレスポンシブな新ユーティリティクラス,かなりの数の小さな修正とバグフィックスが加えられている。

1,000以上のコミットを積み重ねて開発されたBootstrap 3.2.0は,いくつかの改良と,非常に多くのバグフィックスを備えている。レスポンシブなデザインのWebサイト構築のためのフレームワークであるBootstrapには,これまでレスポンシブな<embed>, <object>, <iframe>のサポートが不足していたが,今回の最新バージョンではこれらの機能が追加されている。表示されているページの幅をベースとして調整される,レスポンシブなYouTube 16:9ビデオ用のHTMLはこのようになる。

<div class="embed-responsive embed-responsive-16by9">

<iframe src="…(link)…"></iframe>

</div>

その他の改良点は次のようなものだ。

  • ドキュメントは再構成されて,より具体的で,開発が容易になるように更新された。
  • プログレスバーコンポーネントが改良され,自由度が向上した。
  • いくつかのコンポーネントで,CSS再描画のパフォーマンス(特に顕著なのはスクロール)が向上した。
  • カルーセルのキーボードによるナビゲーション(順方向と逆方向)が可能になった。
  • オープン時にモーダルが左シフトにならなくなった。

さらにblockinline-block, inclineなど,レスポンシブな多数のユーティリティクラスが追加されている。今回のバージョンで提供されるバグフィックスや改良点は,すべて変更ログに記載されている。

リポジトリに登録された無効なHTMLを原因とするようなバグを避けるためにBootstrapの開発チームでは,新しいイシューやコメントを監視し,HTMLがその中にあれば抜き取ってHTML5 バリデータを通じて実行するサービスであるLMVTFY (Let Me Verify That For You) を導入した。

Bootstrapはnpmを通じてダウンロード可能である。

この記事に星をつける

おすすめ度
スタイル

こんにちは

コメントするには InfoQアカウントの登録 または が必要です。InfoQ に登録するとさまざまなことができます。

アカウント登録をしてInfoQをお楽しみください。

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

コミュニティコメント

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

BT

あなたのプロファイルは最新ですか?プロフィールを確認してアップデートしてください。

Eメールを変更すると確認のメールが配信されます。

会社名:
役職:
組織規模:
国:
都道府県:
新しいメールアドレスに確認用のメールを送信します。このポップアップ画面は自動的に閉じられます。