このページの本文へ

JSが苦手なWebデザイナーこそ活用したい、Bootstrapのモーダルをマスター

2017年06月30日 16時54分更新

記事提供:WPJ

  • この記事をはてなブックマークに追加
本文印刷

Bootstrapのさまざまなコンポーネント/プラグインの中でも便利なのが、JavaScriptを書かなくても手軽にコンテンツを表示できる「モーダル」です。アラートだけではもったいない、その使い方をマスターしましょう。

以前チュートリアルでBootstrap3のCSSフレームワークがかけ出しのデザイナーにとってどれほど強い味方になってくれるかを説明しました。Bootstrapには、すぐに使える優れたJavaScriptとjQueryのコンポーネントやプラグインが搭載されています。フレームワークのバージョンが3.3.7となり、バージョン4のベータ版リリースの準備段階に入って 、重要で不可欠な変更がいくつか加えられました。

このチュートリアルではBootstrapのjQueryプラグインの中でも特に役立つモーダル(Modal)について紹介します。

この記事をWPJのサイトで読む

Web Professionalトップへ

Web Professionalトップページバナー

WebProfessional 新着記事

ASCII.jp会員サービス 週刊Web Professional登録

HTMLリファレンス誘導バナー

CSSリファレンスサイト誘導バナー

Webディレクター江口明日香が行く

ランキング