Bootstrap3.3.7

2019/9/1

カルーセル Carouselの使い方 | BootStrap 3.3.7 のJavascript

Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。ここでは、Bootstrap3.3.7に搭載されている「カルーセル」の使い方をご紹介します。 https://webst8.com/blog/wp-content/uploads/2019/02/carousel.mp4 スライドショーが作れるんですね。関連 Boo ...

Bootstrap

2019/9/1

コラップス collapseの使い方 | BootStrap 3.3.7 のJavascript

Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。ここでは、Bootstrap3.3.7に搭載されている「コラップス(collapse)」の使い方をご紹介します。 https://webst8.com/blog/wp-content/uploads/2019/02/collapse-a.mp4 よくある質問とかで質問(Questi ...

Bootstrap

2019/9/1

状態を保持するボタンの使い方 | BootStrap 3.3.7 のJavascript

Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。ここでは、Bootstrap3.3.7に搭載されている「ボタン(button.js)」の使い方をご紹介します。 https://webst8.com/blog/wp-content/uploads/2019/02/button-basic.mp4 普通のボタンと違って、ボタンを押し ...

Bootstrap

2019/9/1

アラートメッセージ alertの使い方 | BootStrap 3.3.7 のJavascript

Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。ここでは、Bootstrap3.3.7に搭載されている「アラートメッセージ」の使い方をご紹介します。 https://webst8.com/blog/wp-content/uploads/2019/02/alert.mp4 警告メッセージとかで使えそうですね。 &nb ...

Bootstrap

2019/9/1

ポップオーバー Popoverの使い方 | BootStrap 3.3.7 のJavascript

Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。ここでは、Bootstrap3.3.7に搭載されている「ポップオーバー」の使い方をご紹介します。 https://webst8.com/blog/wp-content/uploads/2019/02/popover.mp4 簡単なヘルプ・ヒントを表示するときに使えそうですね。 &n ...

Bootstrap

2019/9/1

ツールチップ tooltipの使い方 | BootStrap 3.3.7 のJavascript

Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。ここでは、Bootstrap3.3.7に搭載されている「ツールチップ」の使い方をご紹介します。 https://webst8.com/blog/wp-content/uploads/2019/02/tooltips.mp4 簡単なヘルプ・ヒントを表示するときに使えそうですね。 &n ...

Bootstrap

2019/9/1

タブメニュー Tabの使い方 BootStrap 3.3.7 のJavascript

Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。ここでは、Bootstrap3.3.7に搭載されている「タブ」の使い方をご紹介します。 https://webst8.com/blog/wp-content/uploads/2019/02/tab-menu.mp4 カテゴリ別にタブで分けてコンテンツを見せる場合に使えそうですね & ...

Bootstrap

2019/9/1

スクロールスパイ Scrollspyの使い方 | BootStrap 3.3.7 のJavascript

Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。ここでは、Bootstrap3.3.7に搭載されている「スクロールスパイ」の使い方をご紹介します。 https://webst8.com/blog/wp-content/uploads/2019/02/scrollspy.mp4 ナビゲーションと連動して自分が今どこを見ているかわか ...

Bootstrap

2019/9/1

モーダルウインドウ Modalsの使い方 | BootStrap 3.3.7 のJavascript

Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。ここでは、Bootstrap3.3.7に搭載されている「モーダル」の使い方をご紹介します。 https://webst8.com/blog/wp-content/uploads/2019/02/modal-window.mp4 モーダルは、サイト訪問者に必ず内容を確認して欲しい注意 ...

Bootstrap

2020/4/20

Bootstrapの使い方導入方法と基本・レスポンシブデザインを徹底解説

今回は、グリッドシステム・レスポンシブデザインで有名なCSSフレームワークBootstrap(ブートストラップ)の使い方やよく使うクラスについて解説していきます。「グリッドシステム」とか「レスポンシブデザイン」とか「フレームワーク」とか「ブートストラップ」とか冒頭でいきなり専門用語がたくさんでてきましたね。。ちょっとずつ説明していくので安心してください笑最初は少し覚えることが多いですが、一旦覚えたらスマホ用のWebページも簡単に作っていくことができますよ！頑張ってみます。ちょっと難し ...