動画の読み込みに失敗しました。しばらく待ってからリロードしてみてください。解決しない場合は ヘルプ「動画が見られない場合について」 もご覧ください。
Play
Current Time 0:00
/
Duration Time 0:00
Remaining Time -0:00
Stream TypeLIVE
Loaded: 0%
Progress: 0%
0:00
00:00
Mute
Playback Rate
    1
    Subtitles
    • subtitles off
    Captions
    • captions off
    Chapters
    • Chapters
    シアター
    • シアター
    • ピクチャ
    • 全画面
    x1.0
    • プレミアム会員になると動画の速度を変更できます
    男性ボイス
    • プレミアム会員になると講義音声を切り替えられます
    HD
    Loaded: 0%
    Progress: 0%
    0:00
    The video could not be loaded, either because the server or network failed or because the format is not supported.

    レッスンで分からないところはありましたか?

    プレミアムプランに登録すると現役エンジニアに質問できます。

    詳しくはヘルプ「質問機能とは?」をご覧ください。

    さて、次は Bootstrap Icons を使うための CSS を読み込んでいきたいので、公式サイトのこちらにある Install をクリックします。
    そうすると、いくつかの導入方法が紹介されていますが、今回はこちらの CDN という仕組みを使うので、こちらのアイコンをクリックして、この link タグのコードをコピーします。

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

    詳しくみる

    Bootstrap Iconsを使うためのCSSを読み込んでアイコンを表示してみます。

    • CDNからの読み込み
    • アイコンの検索
    • アイコンの表示

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

    プレミアムプランに登録すると、わからないところを現役エンジニアに質問できます。

    質問機能とは?

    素材ファイルをダウンロードするにはプレミアムプランへの登録が必要です

    詳しくみる

    ソースコードを閲覧するにはプレミアムプランへの登録が必要です

    詳しくみる

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

    デモを閲覧するにはプレミアムプランへの登録が必要です

    詳しくみる

    Bootstrap Icons入門

    0%
    Web制作で手軽に使えるBootstrap Iconsについて詳しく見ていきます。 (詳細へ...)

    動画一覧 (3)