Bootstrap4 Collapseã§ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ï¼ˆä½¿ã„方＆サンプル） | kishiken.comBootstrap4ã§ç”¨æ„ã•ã‚Œã¦ã„ã‚‹Collapseを使ãˆã°ã€ç°¡å˜ã«æŒ‡å®šè¦ç´ ã®é–‹é–‰ã‚„ã€ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ‘ãƒãƒ«ã‚’作るã“ã¨ãŒã§ãã¾ã™ã€‚ .collapse ã¯å´©å£Šã•ã›ã‚‹ã€ã¤ã¶ã™ã€æŠ˜ã‚ŠãŸãŸã‚€ãªã©ã®æ„味をæŒã¡ã¾ã™ã€‚ Bootstrap4 Collapseã®ç°¡å˜ãªä½¿ã„方を解説ã—ã¾ã™ã€‚ classã¨ãƒ‡ãƒ¼ã‚¿å±žæ€§ データ属性 æ¦‚è¦ data-toggle="collapse" 開閉ボタン（aã‚¿ã‚°ã‚„buttonタグ）ã«å¿…è¦ data-target="#demo" 開閉ボタンã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¨ãªã‚‹è¦ç´ ã®åå‰ã‚’示㙠aria-expand="..." 開閉状態を示ã™å€¤ã€‚"false"ã¯é–‰ã˜ãŸçŠ¶æ…‹ã€‚"true"ã¯é–‹ã„ãŸçŠ¶æ…‹ã€‚ aria-controls="..." 開閉ボタンã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¨ãªã‚‹è¦ç´ ã®åå‰ã‚’示㙠classå æ¦‚è¦ .collapse コンテンツãŒé–‰ã˜ãŸçŠ¶æ…‹ .collapsing トランジションãŒç™ºç”Ÿã—
Bootstrap4移行ガイド
続・今更èžã‘ãªã„ Bootstrap 4 ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚·ã‚¹ãƒ†ãƒ with Flexbox - Speee DEVELOPER BLOG
{{#tags}}- {{label}}
{{/tags}}