[Elm] ã„ã‚ã„ã‚ãŸã‚ã—ãŸã‘ã©ã€ã‚‚ã†è¦‹ãŸç›®ã‚’ã‚らã‚ã™ã‚¯ãƒ©ã‚¹åã‚’ã¤ã‘ã¦ã‚‚全然ã„ã„よã？ - QiitaElm ã§ã©ã®ã‚ˆã†ã«è¦‹ãŸç›®ã‚’ã‚ã¤ã‹ã†ã‹ã«ã¤ã„ã¦åƒ•ãŒã„ã¾è€ƒãˆã¦ã„ã‚‹ã“ã¨ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ çµè«–ã¨ã—ã¦ã€ŒBootStrap ã¿ãŸã„ãªæ–¹é‡ã§CSSを書ã„ã¦ä½¿ãˆã°ã„ã„よã€ã¨ã„ã†å˜ç´”ãªè©±ã‚’〠ã らã らæ´å²çš„経緯ã¨ã‹ã©ã†ã§ã‚‚ã„ã„話をã—ãªãŒã‚‰æ›¸ãã¾ã—ãŸã€‚ 従æ¥ã®ä¸»å¼µ ã¾ãšã€ã€Œè¦‹ãŸç›®ã‚’ã‚らã‚ã™ã‚¯ãƒ©ã‚¹åを使ã†ã¹ãã§ã¯ãªã„ã€ã¨è¨€ã‚ã‚Œã¦ããŸèƒŒæ™¯ã‚’ãŠã•ã‚‰ã„ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã“ã§è¨€ã†ã€Œè¦‹ãŸç›®ã‚’ã‚らã‚ã™ã‚¯ãƒ©ã‚¹åã€ã¨ã¯ã€BootStrapã®ã‚ˆã†ãªæ–¹å¼ã®CSSフレームワークã§æŽ¡ç”¨ã—ã¦ã„ã‚‹ HTMLã®ã‚¯ãƒ©ã‚¹åã« col-sm-8 ã‚„ pull-right ã®ã‚ˆã†ãªè¦‹ãŸç›®ã«é–¢ã‚ã‚‹åå‰ã®ã‚¯ãƒ©ã‚¹ã‚’入れる方é‡ã®ã“ã¨ã‚’æ„図ã—ã¦ã„ã¾ã™ã€‚ 従æ¥ã¯ HTML/JS/CSS ã®å½¹å‰²ã‚’次ã®ã‚ˆã†ã«åˆ†ã‘ HTMLãŒãƒšãƒ¼ã‚¸ã®æ§‹é€ ã®ã¿ã‚’記述㗠JSãŒæŒ™å‹•ã®ã¿ã‚’ã‚ã¤ã‹ã„ CSSãŒè¦‹ãŸç›®ã‚’ã©ã†è¦‹ã›ã‚‹ã‹ã‚’å…¨ã¦åˆ¶å¾¡ã™ã‚‹ ã“ã†ã™ã‚‹ã“ã¨ã§ã€è¦‹ãŸç›®ã®å¤‰æ›´ã‚’ã—ãŸã„
![[Elm] ã„ã‚ã„ã‚ãŸã‚ã—ãŸã‘ã©ã€ã‚‚ã†è¦‹ãŸç›®ã‚’ã‚らã‚ã™ã‚¯ãƒ©ã‚¹åã‚’ã¤ã‘ã¦ã‚‚全然ã„ã„よã？ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/989df2838516ca1ca5c77db9950bc47820f3d148/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-f625e957b80c4bd8dd47b724be996090.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCRWxtJTVEJTIwJUUzJTgxJTg0JUUzJTgyJThEJUUzJTgxJTg0JUUzJTgyJThEJUUzJTgxJTlGJUUzJTgyJTgxJUUzJTgxJTk3JUUzJTgxJTlGJUUzJTgxJTkxJUUzJTgxJUE5JUUzJTgwJTgxJUUzJTgyJTgyJUUzJTgxJTg2JUU4JUE2JThCJUUzJTgxJTlGJUU3JTlCJUFFJUUzJTgyJTkyJUUzJTgxJTgyJUUzJTgyJTg5JUUzJTgyJThGJUUzJTgxJTk5JUUzJTgyJUFGJUUzJTgzJUE5JUUzJTgyJUI5JUU1JTkwJThEJUUzJTgyJTkyJUUzJTgxJUE0JUUzJTgxJTkxJUUzJTgxJUE2JUUzJTgyJTgyJUU1JTg1JUE4JUU3JTg0JUI2JUUzJTgxJTg0JUUzJTgxJTg0JUUzJTgyJTg4JUUzJTgxJUFEJUVGJUJDJTlGJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkNtaWRkbGUmcz0zMzE1YTMyMjFlMDgxZDEyNmE1MDE5N2FhNWM3ZGMxMQ%26mark-x%3D142%26mark-y%3D151%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwYXJvd00mdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWRlZTNiODk0Yjk0ZDVmMDk5ZjgzMGQ5ZDUwNDM5ZWNm%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Deb5a06cf35d7c39a51e925e87e5cd6c8)
Using Bootstrap with Vue.js
Djangoã«ã‚ˆã‚‹ã‚¹ãƒžãƒ›ã‚¢ãƒ—リãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã®å®Ÿè£…
lessãŒã‚ã‹ã‚‰ãªã„人ã®Bootstrapç°¡å˜ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³• - Qiita
{{#tags}}- {{label}}
{{/tags}}