Bootstrapをカスタマイズï¼ãƒšãƒ¼ã‚¸ã‚’スマホã§è¡¨ç¤ºã—ãŸéš›ã«æ¨ªã‹ã‚‰ãƒŠãƒ“ゲーションをスライドã•ã›ã‚‹ -Bootstrap OffcanvasBootstrapã§å®Ÿè£…ã—ãŸãƒšãƒ¼ã‚¸ã‚’スマホãªã©ã®å¹…ãŒç‹ã„スクリーンã§è¡¨ç¤ºã—ãŸéš›ã«ã€æ¨ªã‹ã‚‰ã‚ªãƒ•ã‚ャンãƒã‚¹ã®ãƒŠãƒ“ゲーションをアニメーションã§ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã•ã›ã‚‹JSã¨CSSã®ãƒ‘ックを紹介ã—ã¾ã™ã€‚ Off Canvas -Bootstrap Bootstrap Offcanvasã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スタイルシートã¨ã‚¹ã‚¯ãƒªãƒ—トを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="../dist/css/bootstrap.offcanvas.min.css"/> </head> <body> ... <script src="../dist/js/bootstrap.offcanvas.js"></script> </body> Step 2: HTML ã¾ãšã¯ã€ã‚ªãƒ•ã‚ャンãƒã‚¹ã®ãƒŠãƒ“ゲーションを開ãボタン。 <butt
Bootswatch
{{#tags}}- {{label}}
{{/tags}}