[JS]ページ上ã®ã‚らゆるè¦ç´ ã‚’ç°¡å˜ã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Responsive Elements最もç‹ã„å¹…ã§ã¯ã€ãƒ†ã‚ストã®ã¿ã«ã€‚ Responsive Elementsã®ä½¿ã„æ–¹ Step 1: 外部ファイル head内ã«jquery.jsã¨å½“スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="jquery.min.js"></script> <script src="responsive-elements.js"></script> Step 2: HTML レスãƒãƒ³ã‚·ãƒ–対応ã«ã™ã‚‹è¦ç´ ã«ã€Œdata-respondã€ã‚’åŠ ãˆã¾ã™ã€‚ <div class="quote" data-respond> Step 3: JavaScript スクリプトã¯ç‰¹ã«è¨˜è¿°ã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“。 Step 4: CSS レスãƒãƒ³ã‚·ãƒ–用ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’定義ã—ã¾ã™ã€‚ ltã¯æœªæº€ã€gtã¯ä»¥ä¸Šã§ã€ã€Œ.lt500ã€ã¯500px未満ã€ã€Œ.gt150.lt300ã€ã¯150px以上300px未満ã®ã‚¹ã‚¿ã‚¤ãƒ«ã«ãª
Bootstrapã«ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’è¿½åŠ ã§ãã‚‹jQueryプラグインã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}