ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト

  • レッスン一覧
  • プレミアム会員
  • 法人でのご利用
    • ログイン
    • レッスン一覧
    • 【旧版】Bootstrap 3.0入門
    • #18 カルーセルを使ってみよう
    最新版のレッスンはこちらから » 【最新版】Bootstrap 4入門 (全22回)
    動画の読み込みに失敗しました。しばらく待ってからリロードしてみてください。解決しない場合はヘルプの「動画が見られない場合について」もご覧ください。
    文字起こしを表示する « 前へ 無料ユーザー登録して進捗を管理 次へ »
    0:02
    さて、次は Bootstrap で使える、カルーセルについて見ていきたいと思います。
    0:10
    こちらの Javascript のメニューからカルーセルにアクセスすると、画像ギャラリーなどでよく使われるスライドパネルを Bootstrap で簡単に作っていくことができるので、見ていきましょう。

    文字起こしはプレミアム会員向けの機能です

    詳しくみる

    • この動画について 
    • よくある質問 (1)
    • ソースコード 
    • 素材 
    • デモ 

    画像のギャラリーなどに適したUIであるカルーセルを使ってみましょう。

    • 注意点
    • 実装

    このレッスンの問題を報告する

    この動画に関する、よくある質問は 1 件あります。
    2016年10月5日
    alt 属性は何のために付けるのですか? PREMIUM
    img タグを記述する際に出てくる alt とはなんでしょうか。実際にブラウザに表示するわけではないのになぜ指定するの...

    【旧版】Bootstrap 3.0入門 にはその他に 2 件のよくある質問があります。こちらも確認してみてください。

    » よくある質問の一覧を確認する

    このレッスンの素材ファイルは無料ユーザー登録すればダウンロードできます。

    無料ユーザー登録

    プレミアム会員(月額980円)になると、全レッスンのソースコードを見られるようになります。

    詳しい説明を読む

    このレッスンの問題を報告する

    プレミアム会員(月額980円)になると、全レッスンのデモを見られるようになります。

    詳しい説明を読む

    【旧版】Bootstrap 3.0入門

    モダンなサイトが簡単に作れるCSSフレームワーク、Bootstrapについて基本的な使い方を見ていきます。 (詳細へ...)

    学習メモ

    保存しました

    この動画について

    最終更新日
    2013年11月6日
    バージョン情報
    Bootstrap 3.0.0
    関連キーワード (6)
    基礎講座 (248) 初心者向け (254) HTML (58) CSS (67) Twitter Bootstrap (4) ウェブサイト構築 (126)

    【旧版】Bootstrap 3.0入門

    動画一覧 (18)

    • #01 Bootstrapとはなにか?
    • #02 開発の準備を整えよう
    • #03 Gridシステムを使ってみよう
    • #04 レスポンシブWebデザインを使おう
    • #05 tableのスタイリングをしよう
    • #06 formのスタイリングをしよう (1)
    • #07 formのスタイリングをしよう (2)
    • #08 Glyphiconsとボタンを使ってみよう
    • #09 dropdownメニューを使おう
    • #10 breadcrumb、pagination、pagerを使おう
    • #11 Navbarを使ってみよう
    • #12 Navbarをスマホ対応にしよう
    • #13 label、badge、alert、panelを使おう
    • #14 progress-barを使ってみよう
    • #15 Modalウィンドウを使ってみよう
    • #16 Tabメニューを使ってみよう
    • #17 tooltip、popoverを使おう
    • #18 カルーセルを使ってみよう
    .install

    「ドットインストール」とは?

    3分動画でマスターできる、初心者向けプログラミング学習サイトです。

    あなたもプログラミングを始めてみませんか?

    サービスメニュー

    • レッスン一覧
    • プレミアム会員
    • 法人向けライセンス
    • 運営からのお知らせ
    • プログラミング学習ガイド
    • ヘルプ

    ご利用にあたって

    • このサイトについて
    • 利用規約
    • プライバシーポリシー
    • 運営企業情報
    • 動画広告について
    • お問い合わせ

    学習支援ツール

    • Dotinstall Pane

    ソーシャルメディア

    • Facebookページ
    • Twitter (@dotinstall)
    • 公式ブログ

    更新情報

    • 新着レッスンRSS
    • 新着補足情報RSS

    Copyright © 2011-2019 dotinstall.com. All Rights Reserved.